Wie kann ich CSS-Verläufe in IE9 und höher implementieren?

Verläufe in Internet Explorer 9 und höher

Wie Sie wissen, war die Implementierung von Verläufen in Internet Explorer eine kleine Herausforderung die Vergangenheit. Mit IE9 hat Microsoft jedoch endlich die Unterstützung für CSS-Verläufe eingeführt, was Webdesignern neue Möglichkeiten eröffnet.

Um einen Farbverlauf in IE9 zu erstellen, können Sie die folgende Syntax verwenden:

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

Dadurch wird ein linearer Farbverlauf erstellt, der von #444444 oben zu #999999 oben übergeht unten.

Herstellerpräfixe für andere Browser

Für andere Browser müssen Sie die folgenden Herstellerpräfixe verwenden:

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

Beispielcode für mehrere Browser

Zur Unterstützung von Farbverläufen in mehreren Browsern , können Sie den folgenden CSS-Code verwenden:

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 Vendor Präfix

Wie Sie richtig erwähnt haben, lautet das Herstellerpräfix für Opera:

• -o-linear-gradient

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

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Verläufe in IE9 und höher implementieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!