Mengapakah menu lungsur Bootstrap muncul di belakang elemen lain dalam IE7?

Menu lungsur turun Bootstrap muncul di belakang elemen lain dalam IE7

Anda menghadapi isu di mana menu lungsur Bootstrap muncul di sebalik elemen lain di tapak web anda dalam IE7. Untuk menyelesaikan masalah ini, anda perlu memahami konsep konteks tindanan dalam CSS.

Dalam konteks tindanan, elemen diletakkan secara relatif antara satu sama lain berdasarkan sifat indeks-znya. Walau bagaimanapun, elemen di luar konteks tindanan semasa tidak berinteraksi dengannya. Dalam kes anda, menu lungsur turun tidak muncul di atas elemen lain kerana ia tidak berada dalam konteks tindanan yang sama.

Untuk membetulkannya, anda boleh menambah sifat indeks-z pada elemen induk menu lungsur. Ini akan mewujudkan konteks tindanan baharu dan membenarkan menu lungsur muncul di atas elemen lain. Dalam kod HTML anda, div .header-top ialah elemen induk yang sesuai untuk ini:

<code class="css">.header-top {
    z-index: 10000;
    position: relative;
}</code>

Ini akan memastikan bahawa menu lungsur turun mempunyai konteks tindanan, membolehkannya muncul di atas elemen lain pada halaman .

Atas ialah kandungan terperinci Mengapakah menu lungsur Bootstrap muncul di belakang elemen lain dalam IE7?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!