IE9 이상에서 CSS 그라디언트를 어떻게 구현할 수 있나요?

Internet Explorer 9 이상의 그라데이션

아시다시피 Internet Explorer에서 그라데이션을 구현하는 것은 약간 어려운 작업이었습니다. 과거. 그러나 IE9에서 Microsoft는 마침내 CSS 그라데이션에 대한 지원을 도입하여 웹 디자이너에게 새로운 가능성을 열어주었습니다.

IE9에서 그라데이션을 만들려면 다음 구문을 사용할 수 있습니다.

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

이렇게 하면 상단의 #444444에서 상단의 #999999로 전환되는 선형 그래디언트가 생성됩니다. 하단.

다른 브라우저의 공급업체 접두사

다른 브라우저의 경우 다음 공급업체 접두사를 사용해야 합니다.

• Mozilla Firefox: -moz-linear-gradient
• Apple Safari 및 Google Chrome: -webkit-gradient
• Opera: -o-linear-gradient

여러 브라우저용 예제 코드

여러 브라우저에서 그라디언트를 지원하려면 , 다음 CSS를 사용할 수 있습니다 코드:

background-image:
    -ms-linear-gradient(top, #444444, #999999),
    -moz-linear-gradient(top, #444444, #999999),
    -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #999999)),
    -webkit-linear-gradient(top, #444444, #999999),
    -o-linear-gradient(top, #444444, #999999);

Opera 공급업체 접두어

올바르게 언급했듯이 Opera의 공급업체 접두어는 다음과 같습니다.

• -o -선형 그라데이션

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

위 내용은 IE9 이상에서 CSS 그라디언트를 어떻게 구현할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!