首页 > 文章 > web前端 > 为什么“overflow:hidden”在 IE6 和 IE7 中不能与“position:relative”一起使用？

为什么“overflow:hidden”在 IE6 和 IE7 中不能与“position:relative”一起使用？

DDD原创: 2024-11-02 14:06:03388浏览

Why Does `overflow: hidden` Not Work with `position: relative` in IE6 and IE7?

解决 IE6 和 IE7 中的 Overflow: Hidden 和 Position:relative 的 CSS 问题

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

css for while Property this position overflow ul issue

声明：

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

上一篇：How to Set a Div to 100% Body Height, Excluding Fixed-Height Header and Footer?下一篇：How to Choose the Best CSS Parser in Java?

查看更多