Firefox中的CSS过滤器无法呈现

Question

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

.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);
}

Answer 1

尝试这个 ！！ 在Firefox的过滤器性能完美工作 :)

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+ */

祝好运！