首页 >web前端 >css教程 >为什么'overflow:hidden”在 IE6 和 IE7 中的'position:relative”'ul”上不起作用？

为什么'overflow:hidden”在 IE6 和 IE7 中的'position:relative”'ul”上不起作用？

Why Does `overflow: hidden` Not Work on a `position: relative` `ul` in IE6 and IE7?

IE6 IE7 CSS 问题：溢出：隐藏不适用于位置：相对

使用溢出：隐藏时会出现问题；在 IE6 和 IE7 中隐藏滑块内的非活动幻灯片。当应用于具有position:relative;的ul元素时，overflow属性不起作用。设置在它上面。这种障碍会导致元素无法被正确隐藏。

研究所提供的 HTML 代码会发现该position:relative;确实应用于 ul 元素。然而，这对于滑块的 JavaScript 功能来说是必需的，它依赖于调整 ul 的 left 属性来滑动内容。

解决方案：

这个问题的解决方案问题在于理解 IE6 和 IE7 中的一个已知错误。为了克服这个错误，添加position:relative;到 ul 元素的容器。在提供的代码中，主体是容器。因此，建议的修复方法是在 body 正下方添加一个 div 并应用position:relative;

说明修复方法：

<code class="html"><body>
  <div style="position: relative;">
    <!-- Slider code here -->
  </div></code>

通过添加这个额外的 div 位置：relative;到代码中，溢出：隐藏； ul 元素上的属性将在 IE6 和 IE7 中开始正常运行，允许非活动幻灯片按预期隐藏。

以上是为什么'overflow:hidden”在 IE6 和 IE7 中的'position:relative”'ul”上不起作用？的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

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

查看更多