CSS框阴影在IE7 / 8中不起作用

时间:2012-04-24 04:56:12

标签: javascript jquery css css3

嘿所有我想弄清楚如何让盒子阴影在IE 7或8中工作。它当前在IE9和所有其他浏览器中工作正常。

这是我的CSS代码:

#main{
    -moz-box-shadow:#000 0px 0px 40px;
    -webkit-box-shadow:#000 0px 0px 40px;
    box-shadow: 0px 0px 40px #000;
    border: 1px solid #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    behavior: url(ie-css3.htc); 
}

在IE8中: ie8

在IE9中: IE9

任何帮助都会很棒!

1 个答案:

答案 0 :(得分:3)

您似乎需要使用阴影过滤器在Internet Explorer 7和8中模拟它:

来源:http://caniuse.com/#search=box-shadow

“阴影”过滤器的MSDN文档:http://msdn.microsoft.com/en-us/library/ms533086(v=vs.85).aspx