首頁 >web前端 >css教學 >為什麼「overflow:hidden」在 IE6 和 IE7 中不能與「position:relative」一起使用？

為什麼「overflow:hidden」在 IE6 和 IE7 中不能與「position:relative」一起使用？

DDD原創: 2024-11-02 14:06:03464瀏覽

Why Does `overflow: hidden` Not Work with `position: relative` in IE6 and IE7?

解決IE6 和IE7 中的Overflow: Hidden 和Position:relative 的CSS 問題

在Internet Explorer 6 和7 中遇到與溢出：隱藏和位置相關的CSS 問題時:relative，通常有一個特定的罪魁禍首阻礙了預期的功能。

在提供的程式碼片段中，問題可以歸因於應用於 ul 元素的position:relative 屬性。雖然此屬性對於滑桿的功能至關重要，但它會無意中破壞 item-list div 上的 Overflow:hidden 屬性。

要解決此問題，請新增相對於body 元素的位置：相對於body 元素，如修改後的程式碼如下：

<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>

此新增建立了一個帶有position: relative的新容器，有效地隔離了ul元素的定位，並允許item-list div上的overflow:hidden屬性按預期工作。因此，非活動幻燈片將被成功隱藏。

以上是為什麼「overflow:hidden」在 IE6 和 IE7 中不能與「position:relative」一起使用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

css for while Property this position overflow ul issue

陳述：

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

上一篇：如何將 Div 設定為 100% 正文高度（不包括固定高度的頁首和頁尾）？下一篇：如何將 Div 設定為 100% 正文高度（不包括固定高度的頁首和頁尾）？

看更多