HTML5、CSS3をIE8に対応させる手順

サイトリニューアル案件でHTML5で普通にコーディングしていたところ、WindowsXPxIE8で表示がくずれないこと、という要件が追加で発生したので以下のjsファイル追加で対応した。

htmlヘッダーに以下を追記。

<!--&#91;if lt IE 9&#93;>
<script type="text/javascript" src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<!&#91;endif&#93;-->

ie9.jsで、css3を、html5.jsで、html5を認識させるようにしています。

今回の案件は上記で解消したが、環境や使用条件などによって数々のバグがあるらしい。

参考

既存のIEにHTML5の新要素を認識させる|HTML5速攻マスター
IE対策 | HTML5+CSS3でサイトを作ってみる。

スポンサーリンク

シェアする

フォローして更新を受け取る

スポンサーリンク