Mengapa `overflow: hidden` Gagal Menyembunyikan Slaid Tidak Aktif dalam IE6 dan IE7 Apabila Digabungkan dengan `kedudukan: relatif`?

IE6 IE7 CSS Masalah dengan limpahan: tersembunyi; - kedudukan: relatif; Kombo

Isu ini timbul apabila cuba menyembunyikan slaid tidak aktif dalam peluncur dengan menggunakan limpahan sifat CSS: tersembunyi. Walau bagaimanapun, dalam IE 6 dan 7, pendekatan ini gagal, menyebabkan slaid tidak aktif kelihatan. Punca utama terletak pada gabungan limpahan: tersembunyi dan kedudukan: relatif pada elemen ul yang mengandungi.

Penyelesaian yang diketahui untuk isu ini ialah menambah kedudukan: relatif kepada elemen bekas. Dalam struktur HTML yang diberikan, teg badan berfungsi sebagai bekas. Untuk menyelesaikan masalah, tambahkan div terus di bawah badan dan tetapkan kedudukannya: relatif.

<code class="html">
  <div id="container">
    ...
  </div>
</code>

Dalam CSS yang disediakan, tambahkan baris berikut:

<code class="css">#container {
  position: relative;
}</code>

Pengubahsuaian ini akan selesaikan isu dan dayakan penggunaan limpahan: tersembunyi untuk menyembunyikan slaid tidak aktif dalam IE 6 dan 7, memastikan kefungsian peluncur yang betul.

Atas ialah kandungan terperinci Mengapa `overflow: hidden` Gagal Menyembunyikan Slaid Tidak Aktif dalam IE6 dan IE7 Apabila Digabungkan dengan `kedudukan: relatif`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!