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

Question

嘿，我想弄清楚如何使盒子阴影在 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 中：

在 IE9 中：

任何帮助都会很棒！

Answer 1

看起来您需要在 Internet Explorer 7 和 8 中使用阴影过滤器来模拟它：

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

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