IE下模拟css3中的box-shadow(阴影)效果代码

IE浏览器并不支持CSS3中的box-shadow属性，但可以通过使用滤镜(filter)来模拟实现box-shadow效果。

下面是模拟box-shadow效果的示例代码：

/* 在IE下模拟box-shadow效果 */
.box-shadow {
    background-color: #fff;
    width: 200px;
    height: 200px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, direction=135, strength=5);
}

上述代码中，使用了IE浏览器的一个滤镜progid:DXImageTransform.Microsoft.Shadow来模拟box-shadow效果。其中，color表示阴影颜色，direction表示阴影方向，strength表示阴影强度。

具体来说，通过设置direction参数，可以让阴影的方向与角度达到CSS3中box-shadow属性的效果；通过设置strength参数，可以控制阴影强度，达到CSS3中box-shadow属性blur的效果。

下面是另外一条示例说明，实现多个不同方向的阴影效果：

/* 在IE下模拟多个不同方向的阴影效果 */
.box-shadow-multiple {
    background-color: #fff;
    width: 200px;
    height: 200px;
    filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#000, direction=0, strength=5),
        progid:DXImageTransform.Microsoft.Shadow(color=#000, direction=90, strength=5),
        progid:DXImageTransform.Microsoft.Shadow(color=#000, direction=180, strength=5),
        progid:DXImageTransform.Microsoft.Shadow(color=#000, direction=270, strength=5);
}

以上代码实现了在一个元素上同时加上4个不同方向的阴影效果。其中，方向分别为0、90、180、270度，可以根据需要自行调整。

通过上述示例代码，我们可以在IE浏览器中很容易地模拟出CSS3中的box-shadow效果。需要注意的是，由于IE浏览器的限制，滤镜的效果并不如CSS3中的box-shadow属性稳定，尤其在边框圆角等情况下会出现一些不同。