masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
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
475 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!

sumber：php.cn
Artikel sebelumnya：Bagaimana untuk Menetapkan Div kepada 100% Tinggi Badan, Tidak Termasuk Pengepala dan Pengaki Ketinggian Tetap? Artikel seterusnya：Bagaimana untuk Memilih Penghurai CSS Terbaik di Java?
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
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2184
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2331
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1960
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1845
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1897
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan