ホーム > CSS > IE6でCSS3

IE6でCSS3

2010 年 11 月 15 日 kawa コメントをどうぞ コメント

IE6/7/8のブラウザでも角丸やドロップシャドウが使えるCSS3
PIE.htcファイルをダウンロードして、
CSSにbehavior: url(ここに場所を入れる/PIE.htc);
を入れることでIEにも対応。

サンプルを作成してみました。
http://www.mec-com.biz/kawa_test

ファイルダウンロード(本家サイト)
http://css3pie.com/

参考サイト
http://coliss.com/articles/build-websites/operation/css/css3pie-decorations-for-ie.html

もしCSS3PIE(PIE.htc)が効かない場合は
パスか.htaccessの設置の有無を見直しましょう。
CSSにはCSSからPIE.htcへの相対パスではなく、
PIE.htcを使用しているファイルからPIE.htcへの相対パスをCSSに書き込む必要があります。
例 /jsディレクトリに置く場合 behavior: url(/js/PIE.htc);
また、サーバーの仕様によって動作しない場合があるので、
その場合は.htaccessにて以下の設定が必要になります。
AddType text/x-component .htc

カテゴリー: CSS タグ:
  1. コメントはまだありません。
  1. トラックバックはまだありません。