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

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

尝试

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这将为您提供其他 CSS3 属性，例如 border-radius 等，适用于 IE 8、7 和 6。

更好的解决方法

使用 SCSS 与 Compass 。这将为您提供所有跨浏览器的 css 代码和一行框阴影代码。

要同时使用 SCSS 和 Compass，请使用此 Scout App