首頁 >web前端 >css教學 >為什麼「overflow:hidden」在 IE6 和 IE7 中的「position:relative」「ul」上不起作用？

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

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

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多