Mozilla Firefox的CSS过滤器？

Question

如何让这个CSS在Mozilla Firefox中运行？

.shadowed {
    -webkit-filter: drop-shadow(-1px 1px rgba(255,255,255,.3));
    filter: drop-shadow(-1px 1px rgba(255,255,255,.3));
}

此外，没有机会在IE中使用它，对吗？

Answer 1

IE有一些不同的属性。

这是msdn帖子：DropShadow Filter

他们使用的代码是：

"filter:progid:DXImageTransform.Microsoft.DropShadow(sProperties)" ... >

它将被IE使用。对于firefox，我已经将它用于阴影。

.someclass {
-moz-box-shadow: 1px 1px 10px #00f;
}

您可以在此处阅读文档：hacks.mozilla.org

Answer 2

Internet Explorer Box Shadow需要额外的元素......

这是HTML CODE BELOW

<div class="shadow1"> <div class="content"> Box-shadowed element </div> </div>

请检查我为此问题制作的jsfiddle＆amp;它在IE中的工作也是

http://jsfiddle.net/eZygy/