我有以下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瀏覽器不工作..有什麼解決辦法?
感謝
我有以下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瀏覽器不工作..有什麼解決辦法?
感謝
IE版本低於9不支持CSS3 box-shadow
財產。
您必須使用專有的IE filter
屬性才能達到此效果。
有關如何實現它的一些示例,請參閱this article。還請查看this page瞭解IE版本的CSS兼容性。
-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;
,你也可以看到:
或
盒陰影是CSS3功能...... CSS3功能不適用於IE低於IE 9 ..請通過下面的網站,以獲得有關什麼所有的CSS功能,其中IE的所有功能...
http://msdn.microsoft.com/en-us/library/cc351024%28v=VS.85%29.aspx
IE早於版本9不支持box-shadow
,存在使用IE shadow filter模仿的box-shadow解決方法:
filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#ff0000);
有很多與此相關的問題。見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