Bagaimanakah saya menetapkan kelegapan untuk latar belakang div tanpa menjejaskan elemen yang terkandung dalam IE 8?

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

Apabila cuba menggunakan kelegapan pada latar belakang elemen div tanpa menjejaskan elemen yang terkandung dalam IE 8, kaedah berikut selalunya gagal:

• Menggunakan sifat CSS kelegapan: Ini mempengaruhi kedua-dua div dan kandungannya.
• Menggunakan imej png dengan kelegapan: Ini bukan penyelesaian dinamik.

Penyelesaian

Sebaliknya, gunakan rgba() fungsi CSS untuk menentukan warna latar belakang, termasuk saluran alfa untuk kelegapan:

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

Untuk Keserasian IE8

Untuk menyokong versi lama IE, pertimbangkan menggunakan CSS3Pie, yang menambah sokongan rgba kepada IE. Lembaran gaya yang diubah suai:

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

Kaedah Gantian untuk Penapis IE

Penapis IE juga boleh digunakan dengan kata kunci kecerunan:

.myelement {
    filter: gradient(startColorstr='#990000', endColorstr='#990000', GradientType=0);
    opacity: 0.5;
}

Nota bahawa nilai kelegapan tidak boleh ditentukan melalui sifat penapis secara langsung dalam IE.

Atas ialah kandungan terperinci Bagaimanakah saya menetapkan kelegapan untuk latar belakang div tanpa menjejaskan elemen yang terkandung dalam IE 8?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!