firefox中的CSS过滤器未呈现

我想知道如何在firefox中应用过滤器属性。到目前为止，我似乎无法达到我所需要的价值

.img-holder>img{
filter: gray; /* IE6-9 */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'900\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0.5); /* Google Chrome, Safari 6+ & Opera 15+ */
-webkit-box-shadow: rgba(2, 85, 165, 0.36);
-moz-box-shadow: rgba(2, 85, 165, 0.36);
}

试试这个！！firefox中的筛选器属性正常工作：

---

祝你好运

过滤器在firefox中通常不起作用，具体取决于版本。但是你想用过滤器做什么？你可能需要这个。。。我有这个。。但灰度渲染的方式与chrome或safari不同

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */