IE7下 z-index的bug

最新推荐文章于 2023-03-31 16:12:42 发布
最新推荐文章于 2023-03-31 16:12:42 发布
阅读量545 收藏
点赞数
本文探讨了在Internet Explorer 7浏览器中遇到的z-index层级显示问题及其解决方案。当一个带有position:relative样式的父元素中包含子元素时，即使设置了高的z-index值，子元素仍可能无法正常显示在顶层。解决此问题的方法是在父元素上也设置一个z-index值。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

z-index 有时候设置了很高的值如:z-index:999; 但是最后在 IE7中却达不到我们想要的效果，设置了z-index还是被遮盖了。因为其实是IE7的渲染DOM的问题，当一个父容器被定位(如position:relative)的时候,子元素的z-index属性会被重置。 
      解决办法： 在父容器中加上z-index值就可以了。z-index属性必须与position配合用，否则不会生效的。
word_ppt
关注
IE7 设置z-index的覆盖问题的解决方法
09-25
在非IE7浏览器中，z-index的使用是相对直观和可靠的，但在IE7及更早版本中，由于引擎的限制或bug，出现了上述提到的覆盖问题。 在传统的CSS中，position:relative 与 position:absolute 是常用的定位方式。position...
IE6 select z-index无效，遮挡div bug的解决方法
12-09
今天我说说iframe解决的一般方法，已经使用jQuery插件bgiframe解决IE6 select z-index无效，遮挡div的bug。 解决方法之一：Iframe包裹select元素 使用iframe包住select，这样iframe有z-index，只要在div上设置的z-...
关于IE7 z-index问题完美解决方案
ygbada的专栏
05-26 238
              浏览器兼容性问题太让人蛋疼了，今天可是废在了IE7的z-index问题上。可又不能因为浏览器版本低而不去解决，毕竟要从用户的角度着想。百度了好多还是无法解决，最后google了一下，找到了方法。        直接上例子：        <div id="container"> <div id="box1">This box ...
ie7下z-index失效问题解决方法(详细分析)
weixin_30408675的博客
05-26 114
（从已经死了一次又一次终于挂掉的百度空间人工抢救出来的，发表日期2014-04-03） 点评：绝对定位元素的“有定位属性（relative或absolute）的父元素”在渲染层次时起到了主要作用，前面的被后面的覆盖了。解决办法就是给有定位属性的父元素设置z-index 解决办法：父级元素加上position:relative;并设置z-index.父级元素的z-index优先，其中包...
IE7 设置z-index的覆盖问题
咸鱼的星空
12-04 1264
在IE7及之前的版本中 设置z-index的属性，确没有生效 查阅写资料，发现主要的结果和处理方法为： 父级元素若设置为position:relative时候，则子级元素的z-index属性会被覆盖 如
IE7浏览器z-index问题的解决方法
蝈蝈的博客
07-18 1012
Html代码 This box should be on top This box should not be on top; IE however seems to create a new stacking context for positioned elements, even when the computed z-index of that element is 'au
IE7 绝对定位z-index 层级问题
Couples_NOBUG的专栏
11-22 3350
先看两个对z-index以及position的常有认识 对于显式声明了position属性为非static的元素, 其z-index值越大, 越在上层. 绝对定位的元素, 其定位的参考位置是向上层寻找到的第一个position属性非static的祖先节点. 最高为body 按照这种认识去考虑问题, 下边的代码, 他的表现应该如何?   .rela{ position:r
CSS 定位之 z-index 问题分析
01-19
position值为非static时，如果不设置z-index属性，IE6/7下z-index默认为0，而IE8及以上浏览器z-index为auto，且zindex:auto的元素不参与堆叠优先级比较。 ff/chrome z-index IE6/7 IE8/9 不设置 0 auto au
IE浏览器下的CSS z-index问题深度解析
"关于IE浏览器下的CSS层叠z-index问题详解" 在Web开发中，CSS的z-index属性用于控制元素在页面中的堆叠顺序，特别是在涉及绝对定位元素时。然而，IE浏览器，尤其是IE6，对z-index的支持存在一些独特的问题。本文将...
IE7下z-index失效问题及解决方法
暮雪进化史
10-19 403
在IE7浏览器内核下，z-index属性会失去 这个情况下该如何解决？ 参考 http://www.neirong.org/post-313.html
IE7下z-index的兼容性问题
weixin_30920091的博客
08-07 152
最近在做一个项目，其中一个页面有两个下拉列表，如图这个样子，红框框起来的是这两个下拉列表 当第一个下拉展开的时候，会出现下图所示的情况： 即会被第二个下拉遮住，原来在IE7下,会出现z-index覆盖混乱的问题：若一个页面中有多个并列的带有定位属性（relative/absolute）的父元素，若他们的z-index值相同，则位置越靠后的父级元素层级越高，举个例子： &lt...
ie7不兼容z-index处理方法
一直很安静
11-30 979
position与js 联合
css中的z-index设置999，不能完全显示出来，被盖住了
01-15 8316
css中的z-index设置999，不能完全显示出来，被盖住了   这种情况在FF里没有，只有IE中才出现，查了查发现IE的问题   解决的主要办法是在父元素上加个z-index只要小于你设的值就行了，如z-index=1;
Z-index无效元素仍被遮挡解决办法
coderDouble的博客
03-31 3079
在元素添加position属性如果是static（等同于没有设置 position，因为 static 就是默认值）反之，如果 position 值是 relative, absolute, fixed 元素则会产生层级关系，使用z-index可以改变在父元素中设置了position值的子元素的层级。元素z-index属性无效化，原因在于自己的父元素，和其他元素的父元素，虽然都在爷元素中开启了定位，但是某个父元素并未设置z-index值，无法进行层级比对谁高谁低。
关于IE7 z-index的浏览器兼容性问题完美解决方案
cly153239的专栏
07-13 3321
关于IE7 z-index的浏览器兼容性问题完美解决方案 来源：互联网 作者：佚名 时间：01-07 17:13:54 【大 中 小】 在了IE7的z-index问题上真是很头疼。可又不能因为浏览器版本低而不去解决，毕竟要从用户的角度着想，下面为大家分享下完美的解决方法，有类似情况的朋友可以参考下 浏览器兼容性问题太让人蛋疼了，今天可是废在了IE7的z-index问题上。可
spring-aop-5.3.7.jar中文文档.zip
07-18
1、压缩文件中包含： 中文文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
baiganqing_Problem-Solving-with-Algorithms-and-Data-Structures-Using-Python_47620_1752834549389.zip
最新发布
07-18
baiganqing_Problem-Solving-with-Algorithms-and-Data-Structures-Using-Python_47620_1752834549389
利用Jquery修复IE6中Select元素Z-index过高问题
在IE6中，Select框（下拉选择菜单）存在一个众所周知的bug，那就是它具有非常高的z-index，导致它在页面上的层叠顺序比其他元素（如div）要高，即使在CSS中已经设置了其他元素的z-index。 ### IE6的BUG IE6作为一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值