Question

我对IE8有css box-shadow问题有疑问。

.box-shadow 
{
   background-color: #fff;
   margin-bottom: 18px;
   box-shadow: 0px 6px 12px #888, 0px 0px 2px #888;
   filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#888);
}

Answer 1

正如您在此w3schools网站上看到的那样，IE 9 +支持box-shadow

Answer 2

<强>尝试

box-shadow:
progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=10, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=10, OffY=20, Color='#19000000'), 
progid:DXImageTransform.Microsoft.dropshadow(OffX=20, OffY=30, Color='#19000000');

还有一个替代方法是使用CSS3 PIE，它将为 IE 8,7和6 提供其他CSS3属性，如 border-radius 等。

更好的解决方法

将 SCSS 与 Compass 一起使用。这将为您提供所有跨浏览器的CSS代码，其中包含一行box-shadow代码。

要一起使用SCSS和Compass，请使用此 Scout App

Answer 3

尝试这个

更好的是你可以检查这个链接。它将帮助您获得解决方案

CSS3pie

PIE使Internet Explorer 6-9能够呈现几个最有用的CSS3装饰功能。

Box Shadow在Internet Explorer 8中不起作用？

3 个答案: