PIE.htcでIE6~9でCSS3を有効にする。

IEでCSS3の装飾を有効化に

古いバージョンのInternetExplore(Ver.6~9)だと通常ボックスシャドウや
グラデーションなどの描写装飾が効かないがPIE.htc
を導入することで、古いバージョンのInternetExploreでもCSS3の一部の描写が再現できる。

アニメーションのようなものは出来ませんが「border-radius」,「box-shadow」,「linear-gradient」などの使用頻度が多いものが使用できるので、そうそう困ることはないと思う。

準備

PIE.htcのサイトで「Download」から「PIE 1.0.0」を取得して任意のフォルダに移す。

使い方

css3描写を適応させたい要素に対して以下の様に読み込ませる。

header{
  -webkit-box-shadow: #999999 0px 2px 5px;
  -moz-box-shadow: #999999 0px 2px 5px;
   box-shadow: #999999 0px 2px 5px;
　 //描写したいCSSを記述


   hehavior:url(PIE.htc);
   //ダウンロードしたPIE.htcを読み込む。
}

これで古いバージョンのInternetExploreでもCSS3が適応されます。