为什么会溢出：隐藏；停止使用位置：相对；在 IE6 和 IE7 中？

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

在尝试创建一个主页滑块，利用 jQuery 导航图像、它们各自的标题和预告片时，开发人员遇到了一个令人困惑的问题。虽然滑块在其他浏览器中可以无缝运行，但在 IE6 和 IE7 中却出现故障，特别是在使用溢出隐藏不活动的幻灯片时。

精心重新创建了一个独立的 HTML 页面，以查明有问题的代码：

<code class="html"><style>
  ul {
    position: relative;
  }

  .item-list {
    overflow: hidden;
    width: 499px;
  }
</style></code>

经过彻查，发现罪魁祸首是“职务：亲戚”；应用于

的属性元素。在IE6和IE7中，该属性导致overflow:hidden;变得无效。但是，删除此属性会破坏 JavaScript 滑块的功能，该滑块使用
的 left 属性。

解决方案：

为解决该问题，建议开发者添加position:relative;改为容器元素。在这种情况下，这意味着添加一个

。 正下方并赋予其上述风格。此次修改有效解决了该冲突，使得滑块能够在 IE6 和 IE7 中正确运行，而不会影响其在其他浏览器中的功能。

以上是为什么会溢出：隐藏；停止使用位置：相对；在 IE6 和 IE7 中？的详细内容。更多信息请关注PHP中文网其他相关文章！