Rumah > Artikel > hujung hadapan web > Mengapa `overflow: hidden` Tidak Berfungsi pada `position: relative` `ul` dalam IE6 dan IE7?

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

Patricia Arquetteasal: 2024-11-03 05:12:02173semak imbas

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>

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!

JavaScript css html for using Attribute Property this position overflow ul bug issue

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk Memaparkan Elemen Anak Tersembunyi dalam HTML Apabila Ibu Bapa Tersembunyi?Artikel seterusnya：Bagaimana untuk Memaparkan Elemen Anak Tersembunyi dalam HTML Apabila Ibu Bapa Tersembunyi?

Artikel berkaitan

Lihat lagi