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中文网其他相关文章！
