为什么'overflow:hidden”在 IE6 和 IE7 中不能与'position:relative”一起使用？-css教程-PHP中文网

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

DDD

发布： 2024-11-02 14:06:03

原创

388 人浏览过

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

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程

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

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