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