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”]