IE6~8でCSS3を適用するライブラリ、CSS3PIEというのがあるようだ。
※どこかで見たと思うんだけど、完全に無視してたので、改めて調べてみた。

どんなプロパティに対応するかというと・・・

  • border-radius
  • box-shadow
  • border-image
  • multiple background images
  • linear-gradient as background image
  • border-radiusbox-shadowborder-imagemultiple background imageslinear-gradient as background image
に対応するみたい。
記述する方法も簡単。
</pre>
</div>
<div><span style="color: #333333; font-family: Helvetica, Verdana, sans-serif; line-height: 18px;">
<pre style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #eeeeee; display: block; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; background-position: initial initial; background-repeat: initial initial; border: 1px solid #cccccc;"><code>behavior: url(PIE.htc);</code></pre>
</span></div>

あとは、パスを通すだけ。
そんなに難しくないので、どこかで試してみたい。

サーバの仕様によっては、.htaccsecを用意して「AddType text/x-component .htc」を記述しないといけないみたい。

CSS3PIE
http://css3pie.com/

関連記事