2011-11-14 80 views
-2

我有以下CSS類的box-shadow問題

.NavNew ul li.current a, .NavNew ul li a:hover, .NavNew ul li:hover 
     { 
      box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2) inset; 
     } 

它mozila的偉大工程,但在IE瀏覽器不工作..有什麼解決辦法?

感謝

+1

有很多與此相關的問題。見http://stackoverflow.com/questions/2687804/emulating-css3-border-radius-and-box-shadow-in-ie7-8或http://stackoverflow.com/questions/1616976/moz-border-radius -moz-box-shadow-in-ie或http://stackoverflow.com/questions/7884445/css-shadows-are-fine-with-firefox-and-chrome-but-not-showing-on-internet-explore – skyuzo

回答

5

IE版本低於9不支持CSS3 box-shadow財產。

您必須使用專有的IE filter屬性才能達到此效果。

有關如何實現它的一些示例,請參閱this article。還請查看this page瞭解IE版本的CSS兼容性。

3
-moz-box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 50px 5px; 
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 50px; 
box-shadow: rgba(0, 0, 0, 0.2) 20px 20px 50px 5px; 

,你也可以看到:

box shadow one

box shadow two

3

IE早於版本9不支持box-shadow,存在使用IE shadow filter模仿的box-shadow解決方法:

filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#ff0000); 

reference