Mengapa Bootstrap Dropdown muncul di belakang elemen lain dalam IE7?

Turun Turun Bootstrap muncul di belakang elemen lain pada IE7

Bootstrap 2.3.1 membenarkan penciptaan menu lungsur turun menggunakan 'menu lungsur' kelas. Walau bagaimanapun, pengguna telah menghadapi masalah apabila menu ini muncul di sebalik elemen lain pada IE7, walaupun menetapkan sifat CSS indeks z.

Memahami Isu: Konteks Susunan

Untuk menyelesaikan isu ini, seseorang mesti memahami konsep konteks tindanan. Konteks tindanan ialah ruang tiga dimensi di mana elemen disusun mengikut susunan ia muncul dalam kod HTML. Menu lungsur turun muncul di belakang elemen lain kerana ia berada dalam konteks tindanan yang berbeza daripada tindanan yang dimaksudkan untuk menuding ke atas.

Menyelesaikan Isu: Mewujudkan Konteks Susunan

Untuk mewujudkan konteks tindanan bagi menu lungsur turun, indeks z dan kedudukan mesti ditetapkan pada elemen induk. Dalam kes ini, div atas kepala ialah pilihan yang sesuai. Berikut ialah pengubahsuaian CSS:

.header-top {
  z-index: 100;
  position: relative;
}

Dengan menetapkan indeks-z kepada nilai yang lebih tinggi daripada elemen lain dan menetapkan kedudukan, div atas pengepala mencipta konteks tindanan baharu untuk menu lungsur turun. Ini memastikan menu muncul di atas semua elemen lain.

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