현재 작업하고있는 웹 사이트에서 svg 필터를 사용하고 있습니다. 마우스를 가져 가면 이미지가 채도가 떨어지게되어 정상적인 채색 상태로 돌아갑니다. 나는 온라인 자습서를 사용했고 크롬, IE, 사파리에서 잘 작동합니다. 그러나 파이어 폭스에서는 이미지가 보이지 않습니다. 단지 블랑 일 뿐이며, 그 위에 마우스를 올려 놓으면 갑자기 색이 보입니다. 나는 해결책을 찾고자했지만 ID가 잘못되어서 발견 된 유일한 경우가있다.Firefox의 Svg 회색조 필터 오류
내 SVG 코드 :
<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>
내 CSS 코드 :
#thumbnails li img
{
width: 31%;
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
margin-bottom: 1.3%;
margin-top: 1.3%;
}
#thumbnails img:hover
{
filter: none;
-webkit-filter: grayscale(0);
}
나는 파이어 폭스에서 얻을 콘솔 오류는 다음과 같습니다 '필터'에 대한 분석 값
오류가 발생했습니다. 선언이 중단되었습니다.
추가 정보가 필요하면 알려 주시면 감사하겠습니다. 미리 감사드립니다. 디모데
미래의 참조의