Internet Explorer에서 CSS 그라데이션은 어떻게 발전했나요?

Internet Explorer의 그라데이션: 진화

Internet Explorer에서 그라데이션을 구현하려면 버전에 따라 공급업체 접두어를 사용해야 합니다. 이전 버전에서는 독점 필터를 사용했지만 IE9에서는 공급업체 접두사 CSS 그라데이션에 대한 지원을 도입했습니다.

IE9 공급업체 접두사:

IE9에서 그라데이션에 대한 공급업체 접두사는 '- ms-':

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')";

추가 공급업체 접두사:

다른 브라우저와의 호환성을 위해 추가 공급업체 접두사 사용도 고려하세요.

background-image: -moz-linear-gradient(top, #444444 0%, #999999 100%); /* Mozilla Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #999999)); /* Safari/Chrome (old syntax) */

Opera:

Opera 공급업체 그라디언트의 접두사는 다음과 같습니다. '-o-':

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

최신 구문:

최신 브라우저(IE10)에서 그라데이션을 생성하는 권장 방법은 접두사가 없는 'linear-'를 사용하는 것입니다. 그라데이션' 키워드:

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

이 구문은 다음을 포함한 모든 주요 브라우저에서 지원됩니다. IE10, Firefox, Safari, Chrome, Opera.

위 내용은 Internet Explorer에서 CSS 그라데이션은 어떻게 발전했나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!