2014-11-25 104 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