Mengapa Menu Konteks Saya Muncul di Sebalik Butang dalam IE7?

Isu Indeks Z-IE7 untuk Menu Konteks

Pernyataan Masalah:

Dalam IE7, menu konteks (ul) muncul di bawah butang yang dikaitkan dengannya, menyembunyikan menu. Tingkah laku ini berbeza daripada penyemak imbas lain disebabkan oleh pengendalian unik pelayar bagi konteks tindanan.

Analisis:

CSS yang digunakan untuk butang dan menu meletakkan elemen ini menggunakan relatif dan kedudukan mutlak, masing-masing. Walau bagaimanapun, dalam IE7, nenek moyang kedudukan terdekat (dalam kes ini, div "tindakan kawalan") menentukan konteks tindanan. Ini bermakna indeks-z menu (10000) tidak diambil kira dan menu diletakkan di bawah butang.

Penyelesaian:

Untuk menyelesaikan isu ini , susunan elemen HTML boleh diubah suai seperti:

<div class="control-action">
  <ul>

Dengan meletakkan butang selepas ul, butang menjadi nenek moyang kedudukan terdekat, mewujudkan konteks tindanan baharu. Akibatnya, indeks z menu (10000) menjadi berkesan dan menu kini muncul di atas butang.

Atas ialah kandungan terperinci Mengapa Menu Konteks Saya Muncul di Sebalik Butang dalam IE7?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!