HP素材のおすそわけ。blog > HTML5でIE9以前のブラウザでスタイルシートが適用されない場合の対処法。

HTML5でIE9以前のブラウザでスタイルシートが適用されない場合の対処法。

2014年3月12日(水)4:26 PM

ブログランキング・にほんブログ村へ HTML5でIE9以前のブラウザでスタイルシートが適用されない場合の対処法。をはてなブックマークに追加

ブロックラムネ
↑画像に特に深い意味はありません。食べ物・飲み物等の写真素材のページで配布しています。

HTML5の草案が発表されたのが2008年で、2014年に正式勧告があるそうですね。私はHTML5にまったく興味が無かったのですが、何事もチャレンジが大事だと、もともとHTML4で組んでいた「写真素材のおすそわけ。」をHTML5で組み直しました。

で、最新のブラウザでの見え方(理想)は以下の感じなのですが。

スクリーンショット

Internet Explorer 9以前だと、下のような感じに…。

スクリーンショット

な、なんでやねーん!!

…と思って困り果ててたんですが、さすがグーグル先生は解決方法を明示したサイトを教えて下さいました。

レンダリングモードが問題だったようです。これの指示ができていないため、IE9以前だと上手く表示されなかった…と。えええええ、IEさんマジ繊細…(;´∀`)。ということで、以下のメタタグを</head>以前に記入することで解決されました。

<meta http-equiv="X-UA-Compatible" content="IE=edge">

参考にさせていただいたのは、以下のブログ記事です。

この記事をTwitterやSNSなどのソーシャルメディアで共有して下さい。

コメントはお気軽によろしくお願い申し上げます。

この記事へのリンクタグ

<a href="http://kanari.info/b/4273">HTML5でIE9以前のブラウザでスタイルシートが適用されない場合の対処法。 HP素材のおすそわけ。blog</a>

Trackback URL


素材

外部リンク

▲TOPへ