Bagaimanakah kecerunan CSS berkembang dalam Internet Explorer?

Gradien dalam Internet Explorer: An Evolution

Untuk melaksanakan kecerunan dalam Internet Explorer, kita perlu menggunakan awalan vendor bergantung pada versi. Walaupun versi terdahulu menggunakan penapis proprietari, IE9 memperkenalkan sokongan untuk kecerunan CSS awalan vendor.

Awalan Vendor IE9:

Dalam IE9, awalan vendor untuk kecerunan ialah '- ms-':

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

Tambahan Awalan Vendor:

Untuk keserasian dengan penyemak imbas lain, pertimbangkan untuk menggunakan awalan vendor tambahan juga:

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's awalan vendor untuk kecerunan ialah '-o-':

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

Sintaks Moden:

Dalam penyemak imbas moden (IE10 ), cara yang disyorkan untuk mencipta kecerunan adalah menggunakan 'linear- tanpa prefixed. kata kunci kecerunan':

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

Sintaks ini disokong oleh semua pelayar utama termasuk IE10 , Firefox, Safari, Chrome dan Opera.

Atas ialah kandungan terperinci Bagaimanakah kecerunan CSS berkembang dalam Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!