Question

我通过css3使用了盒子阴影效果，这在其他浏览器中表现良好，而IE没有显示这些效果，任何人都可以解决这个问题。

CSS3 SHADOW CODE

  #bshadow
{
/*  
-webkit-box-shadow: -9px -4px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -9px -4px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -9px -4px 5px 0px rgba(50, 50, 50, 0.75); */

-webkit-box-shadow: -4px -5px 9px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -4px -5px 9px 0px rgba(50, 50, 50, 0.75);
box-shadow:         -4px -5px 9px 0px rgba(50, 50, 50, 0.75);

-moz-border-radius-topleft: 44px;
-webkit-border-top-left-radius: 44px;
 border-top-left-radius: 44px;
-moz-border-radius-topright: 44px;
-webkit-border-top-right-radius: 44px;
border-top-right-radius: 44px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;

}

Answer 1

IE将使用过滤器：属性。

此处有更多信息：http://hedgerwow.appspot.com/demo/shadow 如另一个stackoverflow问题所示：

＆＃13;

/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');

＆＃13;

enter link description here

为什么IE没有显示我的css框阴影效果

1 个答案: