首页 >web前端 >css教程 >为什么'overflow:hidden”与'position:relative”组合使用时无法隐藏 IE6 和 IE7 中的非活动幻灯片？

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

Why Does `overflow: hidden` Fail to Hide Inactive Slides in IE6 and IE7 When Combined with `position: relative`?

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"><body>
  <div id="container">
    ...
  </div>
</body></code>

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

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

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

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

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

查看更多