ie(特に古めver)は無かったことにしてコード書いておりました。
が、ふとエラーログ見たところ、複数背景画像(backgroud-imageにカンマ区切りで2個)で「画像ないよー」ってエラーが出てる。
アクセスログ見ると、css3(なのか?)のmultibgに非対応のブラウザ(ie8以前とか)でのアクセス時。
じゃーってことで対応。
ついでに、Googlechartも表示されなかったからちと弄る。
CSS3の問題はいろいろ解決方法あるけど、元々modernizr.js使ってたのでそいつに任す。
1 2 3 4 5 6 7 8 | #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対応してるよーって書いてるのだが・・・
と思ってたが凡ミス発覚。
1 2 3 4 5 | [ '日付' , '積雪' , '気温' ], [ '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”]