Mengapa Bootstrap Dropdown Muncul di Sebalik Kandungan Lain dalam IE7?

Titik Turun Bootstrap Muncul di Sebalik Kandungan Lain

Soalan:

Titik turun Bootstrap sentiasa muncul di belakang yang lain elemen halaman, terutamanya dalam IE7. Walaupun menggunakan indeks-z pada CSS yang berkaitan, isu ini berterusan.

Jawapan:

Tindakan ini berpunca daripada isu konteks tindanan. Walaupun indeks-z mempengaruhi elemen dalam konteks tindanan yang sama, lungsur turun mesti diletakkan dalam bekas dengan kedua-dua sifat indeks-z dan kedudukan.

Penyelesaian:

Ubah suai CSS untuk div atas pengepala seperti berikut:

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

.header .header-nav ul#nav-account ul.dropdown-menu,
.header .header-nav ul#nav-library ul.dropdown-menu {
  z-index: 10000;
}</code>

Dengan menetapkan indeks-z dan kedudukan untuk div atas pengepala, anda mewujudkan konteks tindanan baharu di mana dropdown berada, memastikan ia sentiasa muncul di hadapan kandungan halaman.

Atas ialah kandungan terperinci Mengapa Bootstrap Dropdown Muncul di Sebalik Kandungan Lain dalam IE7?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!