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 のサンプルです。
