IE6、IE7、IE8 で角丸やドロップシャドウなどを利用できる「IE-CSS3.htc」
box-shadow のサンプル
サンプルコード
<style> .smaple { border:1px solid #ccc; background:#fefefe; padding:20px 10px; text-align:center; -moz-box-shadow: 2px 2px 2px #FF0000; -webkit-box-shadow: 2px 2px 2px #FF0000; box-shadow: 2px 2px 2px #FF0000; position:relative; z-index:1; behavior:url(../../../wp-content/themes/webantena/_common/modules/ie/ie-css3.htc); } </style> <div class="smaple">box-shadow のサンプルです。</div>
box-shadow のサンプル
IE6 だとドロップシャドウがどうも不完全…。
また、ドロップシャドウの色も「赤色」に指定していますが色が変わりません。(黒色のまま)
box-shadow のサンプルです。