CSS3 PIE(PIE.htc)が利かない場合の対処法

CSS3 PIEはIE6~でもCSS3の一部プロパティを対応可能にするbehaviorスクリプトです。

  
この記事は2年以上前に書かれたものです。
情報が古い可能性があります。

ChromeやIETesterのIE6ではよしOKだと思っていたら、IE8などで背景色やボーダーが消えてしまっていました。

これについにてはCSS3 PIEを使用している対象要素に

position: relative;

と入れることで解決しました。

また全く利かない場合は

behavior: url(/PIE.htc);

のパスの部分を確認してください(正確にはCSSからPIE.htcへのパスではなく、PIE.htcを使用しているhtmlファイルからのパス)。

またサーバによっては.htcファイルが動作しないらしいので

AddType text/x-component .htc

を.htaccessに書くと良いとか。

参考リンク

  

共有やブックマークなど