為什麼「overflow:hidden」在 IE6 和 IE7 中的「position:relative」「ul」上不起作用？-css教學-PHP中文網

為什麼「overflow:hidden」在 IE6 和 IE7 中的「position:relative」「ul」上不起作用？

Patricia Arquette

發布： 2024-11-03 05:12:02

原創

128 人瀏覽過

Why Does `overflow: hidden` Not Work on a `position: relative` `ul` in IE6 and IE7?

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中文網其他相關文章！

php8，我來也