Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML中的框阴影问题_Html_Css - Fatal编程技术网

HTML中的框阴影问题

HTML中的框阴影问题,html,css,Html,Css,我有以下的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; } 它在mozila中非常有效,但在IE中不起作用。。解决办法是什么 感谢小于9的IE版本不支持CSS3框阴影属性 您必须使用专有的IEfilter属性才能实现此效果 有关如何实现它的

我有以下的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;
        }
它在mozila中非常有效,但在IE中不起作用。。解决办法是什么


感谢小于9的IE版本不支持CSS3
框阴影
属性

您必须使用专有的IE
filter
属性才能实现此效果

有关如何实现它的一些示例,请参阅。还要检查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 9的IE。。请通过下面的网站获得关于所有css功能的完整知识,其中IE的所有功能


早于版本9的IE不支持
框阴影
,有一种变通方法可用于模拟框阴影:

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

这方面有很多问题。看见或