Bagaimanakah Saya Boleh Melaksanakan Kecerunan CSS dalam IE9 dan Seterusnya?

Gradien dalam Internet Explorer 9 and Beyond

Seperti yang anda sedia maklum, melaksanakan kecerunan dalam Internet Explorer telah menjadi sedikit cabaran dalam masa lalu. Walau bagaimanapun, dengan IE9, Microsoft akhirnya memperkenalkan sokongan untuk kecerunan CSS, membuka kemungkinan baharu untuk pereka web.

Untuk mencipta kecerunan dalam IE9, anda boleh menggunakan sintaks berikut:

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

Ini akan mencipta kecerunan linear yang beralih daripada #444444 di bahagian atas kepada #999999 di bawah.

Awalan Vendor untuk Penyemak Imbas Lain

Untuk penyemak imbas lain, anda perlu menggunakan awalan vendor berikut:

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

Contoh Kod untuk Berbilang Pelayar

Untuk menyokong kecerunan dalam berbilang penyemak imbas , anda boleh menggunakan kod CSS berikut:

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);

Penjual Opera Awalan

Seperti yang telah anda nyatakan dengan betul, awalan vendor untuk Opera ialah:

• -o-linear-gradient

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaksanakan Kecerunan CSS dalam IE9 dan Seterusnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!