Mengapa `overflow: hidden` Tidak Berfungsi pada `position: relative` `ul` dalam IE6 dan IE7?-tutorial css-php.cn

Mengapa `overflow: hidden` Tidak Berfungsi pada `position: relative` `ul` dalam IE6 dan IE7?

Patricia Arquette

Lepaskan： 2024-11-03 05:12:02

asal

204 orang telah melayarinya

Why Does `overflow: hidden` Not Work on a `position: relative` `ul` in IE6 and IE7?

Masalah CSS IE6 IE7: Limpahan: Tersembunyi Tidak Berfungsi dengan Kedudukan: Relatif

Isu timbul apabila menggunakan limpahan: tersembunyi; untuk menyembunyikan slaid tidak aktif dalam peluncur dalam IE6 dan IE7. Sifat limpahan gagal berfungsi apabila digunakan pada elemen ul yang mempunyai kedudukan: relatif; diletakkan di atasnya. Halangan ini menghalang elemen daripada disembunyikan dengan betul.

Menyiasat kod HTML yang disediakan mendedahkan kedudukan itu: relatif; memang digunakan pada unsur ul. Walau bagaimanapun, ini diperlukan untuk kefungsian JavaScript peluncur, yang bergantung pada melaraskan atribut kiri ul untuk meluncurkan kandungan.

Penyelesaian:

Penyelesaian untuk ini masalah terletak pada memahami pepijat yang diketahui dalam IE6 dan IE7. Untuk mengatasi pepijat ini, tambahkan kedudukan: relatif; ke bekas unsur ul. Dalam kod yang disediakan, badan ialah bekas. Oleh itu, pembetulan yang disyorkan ialah menambah div terus di bawah badan dan menggunakan kedudukan: relatif; kepadanya.

Untuk menggambarkan pembetulan:

<code class="html"><body>
  <div style="position: relative;">
    <!-- Slider code here -->
  </div></code>

Salin selepas log masuk

Dengan menambahkan div tambahan ini dengan kedudukan: relatif; kepada kod, limpahan: tersembunyi; sifat pada elemen ul akan mula berfungsi dengan betul dalam IE6 dan IE7, membenarkan slaid tidak aktif disembunyikan seperti yang diharapkan.

Atas ialah kandungan terperinci Mengapa `overflow: hidden` Tidak Berfungsi pada `position: relative` `ul` dalam IE6 dan IE7?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!