Rumah > hujung hadapan web > tutorial css > Mengapa `overflow: hidden` Tidak Berfungsi dengan `position: relative` dalam IE6 dan IE7?

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

DDD
Lepaskan: 2024-11-02 14:06:03
asal
544 orang telah melayarinya

Why Does `overflow: hidden` Not Work with  `position: relative` in IE6 and IE7?

Menyelesaikan Isu CSS dengan Limpahan: Tersembunyi dan Kedudukan: Relatif dalam IE6 dan IE7

Apabila menghadapi isu CSS dalam Internet Explorer 6 dan 7 yang berkaitan dengan limpahan: tersembunyi dan kedudukan : relatif, selalunya terdapat punca tertentu yang menghalang kefungsian yang dimaksudkan.

Dalam coretan kod yang disediakan, isu ini boleh dikaitkan dengan kedudukan: sifat relatif yang digunakan pada elemen ul. Walaupun sifat ini penting untuk kefungsian peluncur, ia secara tidak sengaja mengganggu limpahan: sifat tersembunyi pada div senarai item.

Untuk menyelesaikannya, tambahkan kedudukan: relatif kepada elemen badan, seperti yang dilihat dalam kod disemak di bawah:

<code class="html"><body>
  <div style="position:relative;">  <!-- New div with position:relative -->
    <div class="column-1">
      <div class="item-list clearfix">
        <!-- Rest of the code remains the same --></code>
Salin selepas log masuk

Tambahan ini mencipta bekas baharu dengan kedudukan: relatif, mengasingkan kedudukan elemen ul dengan berkesan dan membenarkan limpahan: sifat tersembunyi pada div senarai item berfungsi seperti yang diharapkan. Akibatnya, slaid tidak aktif akan berjaya disembunyikan.

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

Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan