Mengapa Menu Konteks Saya Muncul Di Bawah Butang dalam IE7?

Isu Indeks Z IE7 dengan Menu Konteks

Apabila menggunakan menu konteks dalam IE7, menu (elemen

) muncul di bawah butang yang berkaitan dan bukannya di atasnya. Ralat tindanan ini boleh dikaitkan dengan cara IE7 menentukan konteks tindanan.

Dalam kebanyakan penyemak imbas moden, konteks tindanan ditentukan oleh nenek moyang kedudukan terdekat. Walau bagaimanapun, IE7 menggunakan elemen induk terdekat dengan nilai kedudukan untuk mewujudkan konteks tindanan.

Untuk menyelesaikan isu ini, cuba letakkan butang selepas

elemen dalam HTML. Ini memaksa IE7 untuk menggunakan
elemen sebagai konteks tindanan, yang membolehkan sifat z-index berkuat kuasa dan meletakkan menu konteks dengan betul.

Berikut ialah HTML yang diperbetulkan:

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

Dengan mengubah suai struktur HTML, anda boleh memastikan bahawa menu konteks dipaparkan dengan betul dalam IE7 tanpa mengubah gaya CSS.

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