Bagaimanakah Saya Boleh Mencapai Kelegapan Latar Belakang RGBA dalam IE8?-tutorial css-php.cn

Bagaimanakah Saya Boleh Mencapai Kelegapan Latar Belakang RGBA dalam IE8?

Barbara Streisand

Lepaskan： 2024-11-29 19:16:11

asal

781 orang telah melayarinya

How Can I Achieve RGBA Background Opacity in IE8?

IE 8 Kelegapan Latar Belakang dengan RGBA

Anda sedang cuba menggunakan kelegapan latar belakang dengan RGBA pada

elemen menggunakan CSS berikut:

background: rgba(255, 255, 255, 0.3);

Salin selepas log masuk

Walaupun ini berfungsi dengan sempurna dalam Firefox, IE 8 gagal. Untuk menangani jurang ini, kita mesti meneroka pendekatan berbeza untuk mencapai kelegapan dalam versi lama Internet Explorer.

Penyelesaian: Penapis Kecerunan

Untuk mensimulasikan latar belakang RGBA dan HSLA dalam IE, anda boleh menggunakan penapis kecerunan dengan warna permulaan dan akhir yang sama. Maklumat saluran alfa dikodkan dalam pasangan pertama nilai HEX:

background: rgba(255, 255, 255, 0.3); /* browsers */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */

Salin selepas log masuk

Penyelesaian ini berjaya mencontohi kelegapan RGBA dalam IE 8, memastikan pengalaman visual yang konsisten merentas penyemak imbas yang berbeza.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencapai Kelegapan Latar Belakang RGBA dalam IE8?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!