為什麼會溢出：隱藏；停止使用位置：相對；在 IE6 和 IE7 中？

IE6 IE7 CSS 溢位問題：隱藏; - 位置：相對； Combo

在嘗試建立一個主頁滑塊，利用jQuery 導航圖片、當它們各自的標題和預告片時，開發人員遇到了一個令人困惑的問題。雖然滑桿在其他瀏覽器中可以無縫運行，但在 IE6 和 IE7 中卻出現故障，特別是在使用溢出隱藏不活動的幻燈片時。

精心重新創建了一個獨立的HTML 頁面，以查明有問題的代碼：

<code class="html"><style>
  ul {
    position: relative;
  }

  .item-list {
    overflow: hidden;
    width: 499px;
  }
</style></code>

經過徹查，發現罪魁禍首是“職務：親戚”；應用於 的屬性元素。在IE6和IE7中，該屬性導致overflow:hidden;變得無效。但是，刪除此屬性會破壞 JavaScript 滑桿的功能，該滑桿使用

的 left 屬性。

解決方案：

為解決問題，建議開發者加入position:relative;改為容器元素。在這種情況下，這意味著添加一個

。 正下方並賦予其上述風格。此次修改有效解決了此衝突，使得滑桿能夠在 IE6 和 IE7 中正確運行，而不會影響其在其他瀏覽器中的功能。

以上是為什麼會溢出：隱藏；停止使用位置：相對；在 IE6 和 IE7 中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！