Mengapa `overflow: hidden` Gagal Menyembunyikan Slaid Tidak Aktif dalam IE6 dan IE7 Apabila Digabungkan dengan `kedudukan: relatif`?-tutorial css-php.cn

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

Patricia Arquette

Lepaskan： 2024-11-03 04:27:31

asal

983 orang telah melayarinya

Why Does `overflow: hidden` Fail to Hide Inactive Slides in IE6 and IE7 When Combined with `position: relative`?

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"><body>
  <div id="container">
    ...
  </div>
</body></code>

Salin selepas log masuk

Dalam CSS yang disediakan, tambahkan baris berikut:

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

Salin selepas log masuk

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!