Question

我有以下css类

.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;
        }

它在Mozilla中运行良好但在IE中不起作用..解决方案是什么？

由于

Answer 1

小于9的IE版本不支持CSS3 box-shadow属性。

您必须使用专有的IE filter属性才能达到效果。

有关如何实现它的一些示例，请参阅this article。另请查看this page以了解IE版本的CSS兼容性。

Answer 2

Box shadow是一个css3功能... Css3功能不适用于IE 9以下的IE ..请通过以下网站获取有关IE所有功能的所有css功能的完整知识..

http://msdn.microsoft.com/en-us/library/cc351024%28v=VS.85%29.aspx

Answer 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

Answer 4

早于版本9的IE不支持box-shadow，有一种解决方法可以使用IE shadow filter模仿盒子阴影：

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

reference

HTML中的box-shadow问题

4 个答案: