Bagaimanakah Saya Boleh Mengekalkan Kelegapan Teks Semasa Membuat Latar Belakang Div Telus Merentasi Pelayar?

Mengekalkan Kelegapan Teks Semasa Melaraskan Ketelusan Latar Belakang

Mencapai ketelusan untuk latar belakang div sambil mengekalkan kelegapan teksnya boleh menjadi mencabar. Ini benar terutamanya apabila berusaha untuk keserasian merentas penyemak imbas.

Penyelesaian rgba

rgba (Merah, Hijau, Biru, Alfa) menyediakan kaedah yang mudah untuk mengawal kelegapan . Berikut ialah contoh:

.alpha60 {
    background-color: rgba(0, 0, 0, 0.6);
}

Ini menetapkan warna latar belakang kepada hitam separa lutsinar (60% kelegapan). Walau bagaimanapun, anda boleh menggunakan CSS bersyarat untuk memenuhi pelayar tertentu.

Mengatasi Keserasian Penyemak Imbas

Untuk IE 5.5 - 7:

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

Untuk IE 8:

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

Selain itu, untuk mengelakkan masalah dengan IE, pastikan anda mengisytiharkan latar belakang: telus secara eksplisit. Anda boleh menggunakan ulasan bersyarat atau teknik yang serupa untuk menyampaikan CSS ini kepada IE sahaja.

Memahami rgba dan Penapis

rgba membolehkan anda menetapkan kelegapan elemen latar belakang, tetapi IE tidak menyokong hartanah ini secara asli. Oleh itu, sifat penapis digunakan untuk mencipta kesan ketelusan. CSS bersyarat disesuaikan secara khusus untuk menyokong pelayar IE.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengekalkan Kelegapan Teks Semasa Membuat Latar Belakang Div Telus Merentasi Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!