【CSS】IEでCSS3を使うようにする方法

角丸が多用されているようなサイトにはCSS3で対応した方が楽です。
しかし、Internet Explorer6,7,8がCSS3非対応などであきらめている人が多いのではないでしょうか？

そういった人には「PIE.htc」をお勧めします。導入方法は下記のリンクより

step1 「PIE.htc」をダウンロード

こちらのページより「PIE.htc」をダウンロードしてください。

step2 ダウンロードした「PIE.htc」を適当な箇所に配置

どこに配置しても大丈夫です。（自身が管理しやすい箇所に配置してください。）

step3 cssを以下のように記載

例：h1を角丸にしたい場合

h1{
 -moz-border-radius: 5px; /* Firefox css3 */
 -webkit-border-radius: 5px; /* Safari Chrome css3 */
 border-radius: 5px; /* IE css3 */
 border: #CCCCCC solid 1px;
 position: relative;
 behavior: url(/PIE.htc);
}

behaviorのURLは絶対パスで指定してください。また、
サーバーによってはhtcファイルを認識しない場合があるそうです。

結構楽に実装できます。CSS3に慣れていない人はこちらのCSS3ジェネレータを使用しましょう。