GoogleChartToolsとcss3とie8とか

    ie(特に古めver)は無かったことにしてコード書いておりました。

    が、ふとエラーログ見たところ、複数背景画像(backgroud-imageにカンマ区切りで2個)で「画像ないよー」ってエラーが出てる。
    アクセスログ見ると、css3(なのか?)のmultibgに非対応のブラウザ(ie8以前とか)でのアクセス時。

    じゃーってことで対応。
    ついでに、Googlechartも表示されなかったからちと弄る。

    CSS3の問題はいろいろ解決方法あるけど、元々modernizr.js使ってたのでそいつに任す。

    #top {
    background-image: url(../a.png),url(../b.png);
    background-position: left bottom,right bottom;
    }
    .no-multiplebgs #top {
    background-image: url(../a.png);
    background-position: left bottom;
    }

     

    htmlに、対応可否に応じてクラスがくっつくので、今回の場合だとno-multiplebgsだと一個だけ指定しとくよーっていうCSSを書いとく。
    詳しくはこのあたりをご参考に→Modernizrを使ってブラウザーの機能を調べるには

    で、Google Chart Tools。
    なーんで表示されねーかなー、ドキュメント見ると古いIE対応してるよーって書いてるのだが・・・
    と思ってたが凡ミス発覚。

    ['日付', '積雪', '気温'],
    ['2014.01.14(Tue)',210,-10],
    ['2014.01.15(Wed)',210,-10],
    ['2014.01.16(Thu)',210,-7],//←ここのカンマー
    ]);

    ie以外だと問題ないが、ieだと最後のカンマが表示されない原因になるそうで。
    phpのforeachでデータ出力→行末にカンマ付与を、最初にカンマ付与で解決。

    ie・・・

    [amazonjs asin=”1782160221″ locale=”JP” tmpl=”Small” title=”Learning Html5 Modernizr”]