[JS]IE6/7/8でもCSS3が使えるようになるスクリプト -IE-CSS3

IE6/7/8のブラウザでも角丸やボックスシャドウなどCSS3のプロパティのいくつかが使えるようになるbehaviorスクリプトを紹介します。

サイトのキャプチャ

IE-CSS3

上記キャプチャはIE7のもので、角丸やボックスシャドウのスタイルが適用されたものとなっています。

実装サンプル

デモのキャプチャ

デモのキャプチャ

上記デモのスタイルシートは下記のようになります。

CSS

通常のスタイルシートと異なるのは最後の一行で、「behavior: url(ie-css3.htc);」を記述します。

サポートしているプロパティ

サポートするCSS3のプロパティは下記の通りです。

  • border-radius
    角丸
  • box-shadow
    ボックスのシャドウ
  • text-shadow
    テキストのシャドウ

top of page

©2017 coliss