Eyecatch html css

HTML,CSS

HTML5+CSS3で構築する際のIE9以下への対策

2013/07/17

システムを作成する際の確認する人のポリシー(?)でIEのバージョンが8という困ったことになったので、これはいい機会だと捉え、HTML5+CSS3対策の実験台となってもらいましたw

旧形式

とりあえず、以下のコードを貼っつけると、IE8対策が出来るらしい。

但し、上記は旧形式とのこと。
現状(012年5月中旬から)は、ソースコードをダウンロードしてきて、自前のサーバにアップロードして使う方法に変わっています。

新形式

ということで、以下に手順を記します。

手順1 ソースコードのダウンロード

Google Project Hostingのhtml5shivに行き、download html5shiv (zip file) をクリックして html5shiv をダウンロードします。

html5shiv

手順2

ダインロードしたzipファイル。現段階でバージョンは 3.6.2-18 でした。

html5shiv

このzipファイルを解凍し、aFarkas-html5shiv-xxxxxx/dist/html5shiv.js をサーバーにアップします。

手順

googleさんに書いてあるとおり、条件分岐コメントを利用して html5shiv を読み込むように設定します。
パスは適宜変更して下さい。

という部分は、「IE9未満にのみ適用させる」という指定です。

html5shiv.js と html5shiv-printshiv.jsの違いについて

ダウンロードしたzipを解凍すると、distフォルダーの中には

  • html5shiv-printshiv.js
  • html5shiv.js

の2つのファイルが格納されています。

両者の違いは印刷時のサポート機能が含まれているかどうかのようです。
印刷時のサポート機能が必要であれば「html5shiv-printshiv.js」を選択すると幸せになれるようです。

いつもながらGoogleさんはすげーなぁ。

[tgAmazonItemLookup asin="4048862588" related="1"]

-HTML,CSS
-, , , ,