Firefox에서 CSS 필터가 렌더링되지 않습니다.

Question

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

Answer 1

시도해보십시오! 파이어 폭스에서 필터 속성을 완벽하게 작업 :

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

행운을!