兼容ie的内阴影和外阴影实现效果及测试代码

.outer{
position:relative;
font-size:0;
width:182px;
height:137px;
margin:0 0 50px 5px;
}
.outer .w3cShadow {
position:relative;
border:1px solid #000;
box-shadow: 0 0 10px #000000;
}
.outer .ieShadow{
display:none;
display:block\9;
background:#000\9;
/ ie78 通过定位自适应宽高 /
position:absolute;
left:-5px;
:-5px;
right:5px;
bottom:5px;
/ ie6 需要指定宽高 /
_width:182px;
_height:137px;
filter:progid:dXImageTransform.Microsoft.blur(pixelradius=5);
/ for ie8 标准模式 /
-ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=5)";
}

<div class="outer">
<div class="ieShadow"><!--利用IE滤镜模糊效果模拟阴影--></div>
<div class="w3cShadow">
<img src="../images/rose.jpg" width="180" height="135">
</div>
</div>

.inner{
position:relative;
width:182px;
font-size:14px;
margin:0 0 50px 5px;
}
.inner .w3cShadow {
position:relative;
background:#000\9;
padding:10px;
border:1px solid #000;
box-shadow: 0 0 10px #000000 inset;
}
.inner .ieShadow{
display:none;
display:block\9;
background:#fff\9;
/ ie78 通过定位自适应宽高 /
position:absolute;
left:-5px;
:-5px;
right:5px;
bottom:5px;
/ ie6 需要指定宽高 /
_left:-15px;
_width:180px;
_height:132px;
filter:progid:dXImageTransform.Microsoft.blur(pixelradius=5);
/ for ie8 标准模式 /
-ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=5)";
}
.inner .content{
position:relative;
z-index:1;
}

<div class="inner">
<div class="w3cShadow">
<div class="ieShadow"><!--利用IE滤镜模糊效果模拟阴影--></div>
<div class="content">
我是内阴影我是内阴影我是内阴影我是内阴影我是内阴影我是内阴影我是内阴影我是内阴影我是内阴影我是内阴影我是内阴影我是内阴影我是内阴影我是内阴影
</div>
</div>
</div>