Mengapa Z-Index Tidak Berfungsi Apabila Melapisi Elemen dalam Internet Explorer?

Internet Explorer Z-Index Enigma

Dalam bidang pembangunan web, Internet Explorer telah membentangkan cabaran yang pelik untuk elemen penentududukan. Apabila cuba menindih elemen ke atas elemen lain yang diposisikan secara relatif, sifat indeks-z sering gagal berfungsi seperti yang diharapkan dalam IE.

Soalan

"Bagaimana anda bertindih elemen ke atas elemen lain yang diletakkan secara relatif dalam Internet Explorer tidak berfungsi, ia sentiasa muncul di belakang elemen yang agak kedudukannya."

Jawapan Membingungkan

Anehnya, nampaknya penyelesaiannya terletak pada menambahkan imej latar belakang pada kelas elemen yang tidak bertujuan untuk bertindih.

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

Barisan kod yang kelihatan tidak berbahaya ini, walaupun mudah, alamatnya isu dengan memberikan imej latar belakang tanpa kandungan (ditunjukkan oleh URL #) kepada elemen. Dengan berbuat demikian, Internet Explorer menganggap elemen tersebut sebagai mempunyai latar belakang, menyelesaikan konflik indeks-z dan membenarkan elemen bertindih menjadi keutamaan.

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