css - 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代码

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

请检查我为这个问题制作的 jsfiddle 及其在 IE 中的工作

http://jsfiddle.net/eZygy/