Internet Explorer 9에서 그라디언트를 어떻게 만듭니까?

Internet Explorer 9의 그라데이션

크로스 브라우저 호환 웹사이트를 개발할 때 다양한 브라우저에서 그라데이션을 만드는 방법을 이해하는 것이 중요합니다. Internet Explorer 9의 그라데이션 지원은 다음 방법을 사용하여 해결할 수 있습니다.

IE9 그라데이션 구현:

이전 버전의 IE와 달리 IE9는 독점 필터에 대한 지원을 중단하고 채택했습니다. CSS 그래디언트에 대한 공급업체 접두사. IE9에서 그라디언트를 생성하려면 다음 구문을 사용해야 합니다.

background-image: -ms-linear-gradient(top, #444444 0%, #999999 100%);

다른 브라우저:

다른 브라우저의 경우 다음 접두사를 사용할 수 있습니다. :

• 파이어폭스: -moz-linear-gradient
• Safari/Chrome: -webkit-gradient(Chrome 11은 -webkit-linear-gradient 지원)
• Opera: -o-linear-gradient

W3C 제안:

W3C(World Wide Web Consortium)는 그라디언트에 대한 표준 구문을 제안했습니다.

background-image: linear-gradient(top, #444444 0%, #999999 100%);

이 구문은 최신 브라우저에서 지원되지만 이전 브라우저와의 호환성을 보장하기 위해 브라우저의 경우 가능하면 공급업체 접두사를 포함하는 것이 좋습니다.

참고: 언급된 모든 브라우저는 rgb/rgba 값도 지원합니다. 16진수 표기법 대신.

출처: https://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html

위 내용은 Internet Explorer 9에서 그라디언트를 어떻게 만듭니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!