Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Bertindih Elemen Berkedudukan Relatif dalam Internet Explorer Walaupun Pepijat Z-Index?

Bagaimana untuk Bertindih Elemen Berkedudukan Relatif dalam Internet Explorer Walaupun Pepijat Z-Index?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-28 03:28:02907semak imbas

How to Overlap a Relatively Positioned Element in Internet Explorer Despite the Z-Index Bug?

Mengatasi Pepijat Z-Index Internet Explorer

Apabila elemen diletakkan secara relatif, sifat z-index biasanya menentukan susunan susunan. Walau bagaimanapun, Internet Explorer mempamerkan pepijat yang pelik di mana elemen yang berada pada kedudukan yang relatif sentiasa diutamakan daripada unsur-unsur dengan indeks-z yang lebih tinggi.

Soalan:

Bagaimanakah elemen boleh diletakkan untuk bertindih elemen yang agak kedudukannya dalam Internet Explorer?

Jawapan:

Percaya atau tidak, penyelesaiannya terletak pada menggunakan kelas CSS yang mengandungi imej latar belakang kosong:

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

Dengan menyatakan imej latar belakang yang kosong, elemen memperoleh lapisan tambahan yang terletak di atas elemen yang agak kedudukannya, walaupun ia mempunyai indeks z yang lebih rendah.

Atas ialah kandungan terperinci Bagaimana untuk Bertindih Elemen Berkedudukan Relatif dalam Internet Explorer Walaupun Pepijat Z-Index?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn