為什麼「overflow:hidden」在 IE6 和 IE7 中的「position:relative」「ul」上不起作用？
IE6 IE7 CSS 問題：溢出：隱藏不適用於位置：相對
使用溢出：隱藏時會出現問題；在IE6 和IE7 中隱藏滑桿內的非活動幻燈片。當應用於具有position:relative;的ul元素時，overflow屬性不起作用。設置在它上面。這種障礙會導致元素無法被正確隱藏。
研究所提供的 HTML 程式碼會發現該position:relative;確實應用於 ul 元素。然而，這對於滑桿的 JavaScript 功能來說是必需的，它依賴於調整 ul 的 left 屬性來滑動內容。
解決方案：
這個問題的解決方案問題在於理解 IE6 和 IE7 中的一個已知錯誤。為了克服這個錯誤，加入position:relative;到 ul 元素的容器。在提供的程式碼中，主體是容器。因此，建議的修復方法是在body 正下方添加一個div 並應用position:relative;
說明修復方法：
<code class="html"><body>
<div style="position: relative;">
<!-- Slider code here -->
</div></code>透過添加這個額外的div 位置：relative;到程式碼中，溢位：隱藏； ul 元素上的屬性將在IE6 和IE7 中開始正常執行，允許非活動投影片按預期隱藏。
以上是為什麼「overflow:hidden」在 IE6 和 IE7 中的「position:relative」「ul」上不起作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何使用HTML，CSS和JavaScript創建動畫倒計時計時器
Apr 11, 2025 am 11:29 AM
您是否曾經在項目上需要一個倒計時計時器？對於這樣的東西，可以自然訪問插件，但實際上更多
當您看上去時，CSS梯度變得更好
Apr 11, 2025 am 09:16 AM
我關注的一件事是Lea Verou＆＃039; s conic-Gradient（）Polyfill的功能列表是最後一項：
