在 Internet Explorer 6 和 7 中遇到与溢出：隐藏和位置相关的 CSS 问题时:relative，通常有一个特定的罪魁祸首阻碍了预期的功能。
在提供的代码片段中，问题可以归因于应用于 ul 元素的position:relative 属性。虽然此属性对于滑块的功能至关重要，但它会无意中破坏 item-list div 上的 Overflow:hidden 属性。
要解决此问题，请添加相对于 body 元素的位置：相对于 body 元素，如修改后的代码如下：
<code class="html"><body>
<div style="position:relative;"> <!-- New div with position:relative -->
<div class="column-1">
<div class="item-list clearfix">
<!-- Rest of the code remains the same --></code>此添加创建了一个带有position:relative的新容器，有效地隔离了ul元素的定位，并允许item-list div上的overflow:hidden属性按预期工作。因此，非活动幻灯片将被成功隐藏。
以上是为什么'overflow:hidden”在 IE6 和 IE7 中不能与'position:relative”一起使用？的详细内容。更多信息请关注PHP中文网其他相关文章！
