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

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

Patricia Arquette
发布: 2024-11-03 05:12:02
原创
225 人浏览过

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板