Mengapa melimpah: tersembunyi; Berhenti Bekerja dengan kedudukan: relatif; dalam IE6 dan IE7?

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

Dalam percubaan untuk mencipta peluncur halaman utama yang menggunakan jQuery untuk menavigasi imej, tajuk masing-masing dan penggoda, pembangun menghadapi isu yang membingungkan. Walaupun peluncur berfungsi dengan lancar dalam penyemak imbas lain, ia tidak berfungsi dalam IE6 dan IE7, khususnya dalam hal menyembunyikan slaid tidak aktif menggunakan limpahan: tersembunyi;.

Halaman HTML terpencil telah dicipta semula dengan teliti untuk menentukan kod yang bermasalah:

<code class="html"><style>
  ul {
    position: relative;
  }

  .item-list {
    overflow: hidden;
    width: 499px;
  }
</style></code>

Selepas penyiasatan menyeluruh, didapati bahawa pelakunya adalah "kedudukan: saudara;" atribut digunakan pada

unsur. Dalam IE6 dan IE7, atribut ini mengakibatkan limpahan: tersembunyi; menjadi tidak berkesan. Walau bagaimanapun, mengalih keluar atribut ini akan memecahkan kefungsian peluncur JavaScript, yang menggunakan atribut kiri
elemen ke kandungan slaid.

Penyelesaian:

Untuk menyelesaikan isu tersebut, pembangun dinasihatkan untuk menambah position: relative; kepada elemen bekas sebaliknya. Dalam kes ini, ini bermakna menambah

betul-betul di bawah dan memberikannya gaya yang disebutkan di atas. Pengubahsuaian ini menyelesaikan konflik dengan berkesan, membolehkan peluncur beroperasi dengan betul dalam IE6 dan IE7 tanpa menjejaskan fungsinya dalam penyemak imbas lain.

Atas ialah kandungan terperinci Mengapa melimpah: tersembunyi; Berhenti Bekerja dengan kedudukan: relatif; 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