Mozilla Firefox的CSS过滤器？

我如何使这个CSS在Mozilla Firefox中工作？Mozilla Firefox的CSS过滤器？

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

此外，没有机会得到这个工作在IE浏览器，对不对？

2013-09-01 Jonhz

的可能重复[什么是CSS滤镜可供选择的Firefox？]（http://stackoverflow.com/questions/156116/whats-the-css-filter-alternative-换火狐） – hallaji

IE对此有一些不同的属性。

这是MSDN的职位是：DropShadow Filter

他们使用的代码是：

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

将通过IE使用。对于Firefox我已经使用这个阴影。

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

你可以在这里阅读的文档：hacks.mozilla.org

2013-09-01 05:07:31

Internet Explorer的盒阴影需要额外的元素...

这里是下面的HTML代码

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

请检查我为此问题制作的jsfiddle &它在IE工作也

2013-09-01 05:47:25

回答