Rumah >hujung hadapan web >tutorial css >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:02223semak imbas
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!