Implementation effect and test code of inner shadow and outer shadow compatible with 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; 
top:-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)"; 
}

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

.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; 
top:-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; 
}

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