Bagaimana untuk Mencapai Latar Belakang Div Telus dalam IE8 Tanpa Menjejaskan Kandungan?

Cara Menetapkan Kelegapan Latar Belakang Div dalam IE 8 Tanpa Menjejaskan Elemen Terkandung

Menetapkan kelegapan latar belakang div boleh menjadi rumit dalam IE 8 , kerana sifat kelegapan mempengaruhi kedua-dua latar belakang dan mana-mana elemen yang terkandung.

Penyelesaian Menggunakan Warna rgba

Penyelesaian yang berdaya maju ialah menggunakan warna latar belakang rgba, di mana yang keempat nilai mewakili saluran alfa atau ketelusan. Kaedah ini tidak berfungsi dalam IE8 atau pelayar lama, tetapi ia boleh dilaksanakan dengan penggodaman CSS3Pie.

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

Penyelesaian Menggunakan Kecerunan Penapis IE

Pilihan lain ialah untuk menggunakan gaya penapis IE dengan kata kunci kecerunan. Teknik ini digunakan oleh CSS3Pie di belakang tabir, tetapi ia memerlukan anda untuk memanipulasi penapis IE secara langsung:

.myelement {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80c83434', endColorstr='#80c83434');
}

Kaedah ini berfungsi dalam IE8 tetapi boleh menjadi lebih kompleks untuk perubahan kelegapan dinamik. CSS3Pie menawarkan penyelesaian yang lebih bersih dan menyeluruh.

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