Bagaimana untuk Mengekalkan Kelegapan dalam Latar Belakang Div dalam IE8?

Bagaimana untuk Mengekalkan Kelegapan dalam Latar Belakang Div Apabila Menggunakan IE 8?

Dalam Internet Explorer 8, melaraskan kelegapan latar belakang div boleh menjejaskan elemen yang terkandung di dalamnya.

Penyelesaian: Gunakan rgba() Color

Untuk menangani isu ini, tetapkan warna latar belakang menggunakan fungsi rgba():

.myelement {
    background: rgba(200, 54, 54, 0.5);
}

Nilai keempat dalam rgba() mewakili saluran alfa, mengawal kelegapan.

Keserasian IE8 Menggunakan CSS3Pie

Malangnya, rgba() tidak disokong dalam IE8. Untuk mendayakannya, gunakan CSS3Pie:

.myelement {
    background: rgba(200, 54, 54, 0.5);
    -pie-background:  rgba(200, 54, 54, 0.5);
    behavior: url(PIE.htc);
}

Alternatif: Pilihan Penapis IE

Sebagai alternatif, sifat penapis IE dengan kata kunci kecerunan boleh mencapai kesan yang serupa:

.myelement {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33c8348a, endColorstr=#33c8348a);
}

Walaupun rgba() dengan CSS3Pie disyorkan untuk helaian gaya yang lebih bersih, pendekatan penapis kekal berdaya maju.

Atas ialah kandungan terperinci Bagaimana untuk Mengekalkan Kelegapan dalam Latar Belakang Div dalam IE8?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!