Bagaimanakah Saya Boleh Mencapai Kelegapan Latar Belakang RGBA dalam 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);

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 */

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!

firefox css while Filter using channel this background

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn