PIE.htcを使うとIE6,IE7,IE8でCSS3の「角丸」などが使用できます。実際に使って見ました。使うことができるプロパティは下記の5種類になります。
border-radius(ボックスに角丸をつける)
box-shadow(ボックスに陰影をつける)
linear-gradient(背景にグラデーションをつける)
border-image(境界線に画像を使う)
multiple background images(背景に最大4つの画像を使用できる)
PIE.htcの設置
最初にPIE.htcをダウンロードします。
https://github.com/lojjic/PIE/downloads
次にダウンロードしたファイルを解凍し配置します。
私は解凍したフォルダー(PIE-1.0.0)を「PIE」にリネイムし、htmlファイルと同階層に設置しました。
スタイルを効かせたいオブジェクトにCSSファイルにパスを通します。その時、「position:relative;」を効かせないとボーダーが表示されない場合があるので注意して下さい。
behavior:url(“PIE/PIE.htc”);
PIE.htcのサンプル
簡単ではありますが、サンプルを作っていましたので良かったら参考にしてください。
サンプルには、角丸、シャドウ、グラデーションを使用しています。
ソースコードは、以下のようになっています。もし良かったらダウンロードしてください。
tar形式でダウンロード
zip形式でダウンロード
(参考サイト)
http://www.waldiz.com/article.php/pie
http://www.webcoding.jp/coding_memo/%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0tips/css3%C3%97pie-htc-%E3%81%AE%E6%B3%A8%E6%84%8F%E7%82%B9.html