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

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

Patricia Arquette
發布: 2024-11-03 05:12:02
原創
204 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板