CSS3 IE8角丸対応させる方法


CSS3で角丸「border-radius」

IE8では対応していなかった。。。
いろいろ調べて試した結果。
「PIE.htc」というbehaviorスクリプトを使う方法。
先ずは [PIE.htc]をダウンロード

ダウンロードした「PIE.htc」ファイルをサーバー上に配置します。
CSS3 PIEを適用したいスタイルの最後に、behaviorスクリプトとして「PIE.htc」を指定します。

————————————————
.circle {
border-radius: 8px;
behavior: url(/PIE.htc);
}
————————————————

上記のように「behavior: url(/PIE.htc);」と最後に書くだけです。
これだけでIE8に角丸を効かせるさせる事が出来ます。

角が丸いかそうでないかの事で。。。

さほどこだわらなくても良いのかもしれませんが、
やっぱり、ここは角が丸いほうが。。。。なんてこだわって
陥ったIE8へのCSS3対応探しの旅まあ

pagetop