필터 그라디언트 (필터 : progid : DXImageTransform.Microsoft.gradient()는 IE 없이는 파이어 폭스에서 그레디언트 효과가 작동하지 않는다.)

필터 그라데이션 (필터 : progid : DXImageTransform.Microsoft.gradient() 그것없이 파이어 폭스에서 작동 전용으로 IE를 위해? CSS에서 다음 속성을 설정 필터 그라디언트 (필터 : progid : DXImageTransform.Microsoft.gradient()는 IE 없이는 파이어 폭스에서 그레디언트 효과가 작동하지 않는다.)

#mainmenu .gradientfilterIE { 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77D3F8',  endColorstr='#3FA4D8',GradientType=0); 
    }

그러나 크롬과 파이어 폭스에 너무없이 작동 IE

에 나에게 적절한 그라데이션 효과를 주었다.

이 질문은 실제로 계속 : Why Displaying different gradient color on IE but works perfectly on firefox and chrome?

출처

2012-03-29 M Sach

The filter (and -ms-filter) CSS properties Internet Explorer에서 만을 지원하는 CSS3 그라데이션을 포함하여, CSS를 지원합니다. 그들은 CSS에 대한 Microsoft의 확장 기능이며 다른 브라우저에서는 지원되지 않습니다.

Internet Explorer에서 버전 9부터 그래디언트를 구현할 수있는 유일한 비 이미지 방식입니다 (비록 IE 10 should support CSS gradients in some form 임). 이미지없이 그라데이션을 원한다면 IE에서 필요합니다.

은 (as @Jules notes 있지만, IE 9는 SVG 이미지와 임베디드베이스 64로 인코딩 된 이미지를 모두 지원합니다, 그래서 당신은 별도의 이미지 파일없이 IE 9의 기울기를 가질 수있다).

Microsoft의 그라디언트 필터는 다양한 CSS 그라디언트 구문과 SVG의 그라데이션 구문보다 약간 더 제한되어 있습니다.

출처

2012-03-29 14:06:47

이것은 사실이 아닙니다. IE9는 background-image : url (data : image/svg + xml; base64, PHN2Zy .... 등)에서 정의 된 SVG에 대한 url 참조를 사용하여 그라디언트를 지원할 수 있습니다. 자동으로 생성하는 app에 대해서는 visualcsstools.com을 참조하십시오. 동등한 SVG 코드 – Jules

@Jules : 기술적으로는 여전히 이미지 임에도 불구하고 (CSS 파일에 인코딩 된 SVG 이미지 임에도 불구하고) 꽤 괜찮은 편이지만 여전히 대답할만한 가치가 있습니다. –

IE 필터는 IE를 제외한 모든 브라우저에서 필요하지 않습니다.

대부분의 다른 브라우저

출처

2012-03-29 13:57:39 danwellman

필터 그라디언트 (필터 : progid : DXImageTransform.Microsoft.gradient()는 IE 없이는 파이어 폭스에서 그레디언트 효과가 작동하지 않는다.)

답변

관련 문제