Question

我的Box Shadow未在IE7和IE8中显示。

#bodyContainer{
 background: url(../images/site_bg.png)  repeat ;
 margin: 0px auto;
    width:1000px;
    float:left;
    position:relative;
    border: 1px solid #EEEEEE;
    /*background:#FFFFFF;*/
     box-shadow: 0 0 5px 0 #000000;

}

Answer 1

使用CSS3 PIE，在旧版本的IE中模拟some CSS3 properties。

它支持box-shadow（except for inset关键字）。

和

有关于CSS3 Box Shadow in Internet Explorer和Box-shadow的文章。

希望这有帮助

你也可以使用

style="FILTER: DropShadow(Color=#0066cc, OffX=5, OffY=-3, Positive=1);width:300px;font-size:20pt;"

style="filter: progid:DXImageTransform.Microsoft.dropShadow (OffX='-2', OffY='-2', Color='#c0c0c0', Positive='true')"

Answer 2

您必须使用非标准IE过滤器属性。见this article

Answer 3

收到Box-shadow的{{3}}，在IE7和IE8中不支持Box-shadow。

查看相同的链接（备注部分），了解有关MDN compatibility table和Dropshadow属性等其他属性的详情。

<强>语法：

filter:progid:DXImageTransform.Microsoft.DropShadow(sProperties)

filter:progid:DXImageTransform.Microsoft.Shadow(sProperties)

Answer 4

box-shadow是CSS3的一项功能因此在ie9

以下不支持

你可以在这里查看兼容性：

http://caniuse.com/#search=box-shadow

Answer 5

Box-Shadow在IE9下面不兼容

始终使用以下链接检查CSS属性的兼容性 http://caniuse.com/css-boxshadow

在IE7和IE8中没有显示Box Shadow

5 个答案: