Mengapa Z-Index Tidak Berfungsi untuk Elemen Tindanan dalam Internet Explorer?

Anomali Indeks Z-IE: Menyelesaikan Dilema Bertindih

Dalam bidang pembangunan web, sifat z-index berkuasa dalam menentukan susunan susunan elemen halaman. Walau bagaimanapun, pengguna Internet Explorer mungkin menghadapi isu pelik di mana z-index nampaknya gagal. Ini timbul apabila cuba menindih elemen ke atas elemen lain yang agak berkedudukan.

Soalan:

Bagaimanakah elemen boleh dibuat untuk bertindih elemen yang agak kedudukannya dalam Internet Penjelajah? Sifat z-index nampaknya tidak berfungsi, kerana ia sentiasa muncul di belakang elemen yang agak berkedudukan.

Jawapan:

Internet Explorer mempamerkan tingkah laku idiosinkratik yang agak elemen yang diposisikan selalunya mengaburkan elemen yang diposisikan secara mutlak, walaupun apabila elemen yang kedua mempunyai nilai indeks z yang lebih tinggi. Untuk memintas isu ini, penyelesaian yang tidak jelas muncul dengan sendirinya:

Isytihar laluan URL latar belakang untuk elemen bermasalah menggunakan kelas dengan peraturan CSS. Penyelesaian ini mungkin kelihatan paradoks, tetapi ia secara berkesan meningkatkan keutamaan DOM bagi elemen dan membolehkannya bertindih dengan elemen yang agak kedudukannya.

Coretan Kod:

<code class="CSS">.myLinkCssClass {
    background: url(#);
}</code>

Atas ialah kandungan terperinci Mengapa Z-Index Tidak Berfungsi untuk Elemen Tindanan dalam Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!