cari

Rumah  >  Artikel  >  hujung hadapan web  >  Mengapa `overflow: hidden` Gagal Menyembunyikan Slaid Tidak Aktif dalam IE6 dan IE7 Apabila Digabungkan dengan `kedudukan: relatif`?

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

Patricia Arquette
Patricia Arquetteasal
2024-11-03 04:27:31858semak imbas

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>

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!

css html for Property this position overflow ul 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：Beberapa Perpustakaan Ikon Percuma Artikel seterusnya：Beberapa Perpustakaan Ikon Percuma

Artikel berkaitan

Lihat lagi