2014-11-25 64 views
1

我已经通过css3使用框阴影效果,这是很好,在其他浏览器,而IE浏览器不显示这些效果好,任何人都可以解决这个问题。为什么IE不显示我的CSS框阴影效果

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; 

} 
+0

[Duplicare](http://stackoverflow.com/questions/8181699/ box-shadow-in-ie7-and-ie8) – 2014-11-25 05:48:31

+0

哪个版本的IE? – 2014-11-25 06:02:43

+0

@Kaushik IE 9,11 – 2014-11-25 06:05:23

回答

2

IE将使用滤波器:属性。

更多资讯:http://hedgerwow.appspot.com/demo/shadow 如在另一个计算器问题所示:

/* 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');

enter link description here