Wie haben sich CSS-Verläufe im Internet Explorer entwickelt?

Verläufe im Internet Explorer: Eine Evolution

Um Farbverläufe im Internet Explorer zu implementieren, müssen wir je nach Version Herstellerpräfixe verwenden. Während frühere Versionen proprietäre Filter verwendeten, führte IE9 die Unterstützung für CSS-Verläufe mit Herstellerpräfix ein.

IE9-Anbieterpräfix:

In IE9 lautet das Herstellerpräfix für Farbverläufe „- ms-':

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

Zusätzlicher Anbieter Präfixe:

Zur Kompatibilität mit anderen Browsern sollten Sie auch die Verwendung zusätzlicher Herstellerpräfixe in Betracht ziehen:

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:

Operas Anbieter Präfix für Farbverläufe ist '-o-':

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

Modern Syntax:

In modernen Browsern (IE10) wird zum Erstellen von Farbverläufen die Verwendung des Schlüsselworts „linear-gradient“ ohne Präfix empfohlen:

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

Diese Syntax wird von allen unterstützt Hauptbrowser, einschließlich IE10, Firefox, Safari, Chrome und Opera.

Das obige ist der detaillierte Inhalt vonWie haben sich CSS-Verläufe im Internet Explorer entwickelt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!