为什么'overflow:hidden”与'position:relative”组合使用时无法隐藏 IE6 和 IE7 中的非活动幻灯片？

IE6 IE7 CSS 溢出问题：隐藏； - 位置：相对； Combo

尝试利用CSS属性overflow:hidden隐藏滑块中的非活动幻灯片时会出现此问题。然而，在 IE 6 和 7 中，这种方法失败了，导致非活动幻灯片可见。根本原因在于包含 ul 元素上的 Overflow:hidden 和position:relative 的组合。

此问题的已知解决方法是添加相对于容器元素的position:relative。在给定的 HTML 结构中，body 标记充当容器。要解决此问题，请在 body 正下方添加一个 div 并指定其位置：relative。

<code class="html">
  <div id="container">
    ...
  </div>
</code>

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

<code class="css">#container {
  position: relative;
}</code>

此修改将解决该问题并启用溢出：隐藏以隐藏 IE 6 和 7 中的非活动幻灯片，确保滑块功能正常。

以上是为什么'overflow:hidden”与'position:relative”组合使用时无法隐藏 IE6 和 IE7 中的非活动幻灯片？的详细内容。更多信息请关注PHP中文网其他相关文章！