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

嘗試利用CSS 屬性「overflow:hidden」隱藏滑桿」隱藏滑桿中的非活動幻燈片時會出現此問題。然而，在 IE 6 和 7 中，這種方法失敗了，導致非活動幻燈片可見。根本原因在於包含 ul 元素上的 Overflow:hidden 和position:relative 的組合。

此問題的已知解決方法是添加相對於容器元素的position:relative。在給定的 HTML 結構中，body 標記充當容器。若要解決此問題，請在 body 正下方新增 div 並指定其位置：relative.

  

    ...
  

在提供的 CSS 中，加入以下一行：

#container {
  position: relative;
}

此修改將解決該問題並啟用溢出：隱藏的使用以隱藏 IE 6 和 7 中的非活動幻燈片，確保滑桿功能正常。