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