`

IE7下 z-index的bug

 
阅读更多

z-index 有时候设置了很高的值如:z-index:999; 但是最后在 IE7中却达不到我们想要的效果,设置了z-index还是被遮盖了。因为其实是IE7的渲染DOM的问题,当一个父容器被定位(如position:relative)的时候,子元素的z-index属性会被重置。 

      解决办法: 在父容器中加上z-index值就可以了。z-index属性必须与position配合用,否则不会生效的。

分享到:
评论

相关推荐

    IE6之Select的Z-Index設定【解决IE6的z-indexBUG】

    在IE6的環境下,如果網頁上有div區塊和下拉選單重疊在一起的時候,即使再怎麼調整下拉選單的z-index,下拉選單還是會把div區塊蓋住(在Firefox是正常的),google了一下網路上的資料,大多是用iframe來解這個問題,但...

    CSS 定位之 z-index 问题分析

    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

    IE6 select z-index无效,遮挡div bug的解决方法

    今天我说说iframe解决的一般方法,已经使用jQuery插件bgiframe解决IE6 select z-index无效,遮挡div的bug。 解决方法之一:Iframe包裹select元素 使用iframe包住select,这样iframe有z-index,只要在div上设置的z-...

    Jquery 解决IE6 Select 框总是在图层(div)的上面显示的BUG

    利用Jquery解决IE6下,Select的Z-index过高的BUG 经常有朋友下拉菜单被Select遮盖。可以用此方法解决!

    Z-Blog v1.6 渡虎谷修改版

    服务器:Windows 2000及IIS5.0以上,需要ADO数据库、FSO、XMLDOM等系统组件支持和空间的读写权限,具体请查询网络服务商或查看本机...8、调整了WAP文本过滤BUG;9、精简了大量WAP内核代码;10、增加了几个UBB代码的支持;

    IE6下Select元素被div等元素覆盖的解决办法

    但是IE6有一个神奇的逻辑,div 无法覆盖select,但是iframe 可以覆盖select,而div可以覆盖iframe,所以解决办法就是用Z轴高度更高的Iframe元素,包裹或覆盖住下拉列表框控件,使其回到正常的Z轴高度上来!...

    SELECT在浏览器中相关Bug整理

    IE6下的select 的 z-index始终高于其他元素,即无法被其他元素覆盖住。 解决方法:JQueryUI的做法是在IE6下当触发弹出层时,将想覆盖住的select隐藏 在IE7及以下 虽然disabled 对 select能起作用,但对select下的...

    js鼠标滑过弹出层的定位IE6bug解决办法

    大家在写div+css的时候经常会用到弹出层,由于IE6的bug,所以当使用多个标签重复写弹出层的时候会遇到后面的层压在了弹出层的上面,这种问题在火狐浏览器下可以用z-index来解决,但是在IE6下面是不起作用的,下面的...

    javascript树型组件可做弹出的树型下拉列表

    东西一般般,属于最简单的树型组件,高手止步 已基本有弹出树型下拉列表的框架,只是没有加上显示和隐藏div的方法 另外ie6下最好加上个iframe背景,解决select不支持z-index的BUG

    artDialog_Demo

    2、 修复Opera无法正确处理对话框叠加高度(z-index)的BUG 3、 修复Opera设置坐标时候出现的变形BUG v2.0.7 1、 url参数加载外部页面的时候显示loading动画 2、 预加载皮肤背景图片 3、 优化拖动 v2.0.6 1、 ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,用来定时发起AJAX请求。 +2009-09-06 v2.1.0 -Button的Pressed属性值能够正确的反映客户端的变化。 -优化...

    Rave Player网页视频播放器

    - Added "wmode" param to wasp.js for z-index layering. Wimpy Button Maker v 1.42n (Aug. 20, 2012) - Updated the Wimpy Button SWF file to version 4.1.8 v 1.42m (Sep. 16, 2011) - Updated the Wimpy ...

    ie6 select无法被div遮盖的bug解决方法

    使用div制作蒙版或模拟弹出窗口,但在IE6下,当div下方有下拉列表框select元素的时候,下拉列表框会划破div显示在div之上,不论z-index设为何值均会出现此问题,可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴...

    ExtAspNet_v2.3.2_dll

    -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,用来定时发起AJAX请求。 +2009-09-06 v2.1.0 -Button的Pressed属性值能够正确的反映客户端的变化。 -优化...

    ICS delphixe10源码版

    ICS - Internet Component Suite - V8 - Delphi 7 to RAD Studio 10 Seattle ======================================================================= (Aka FPIETTE's Components) Revised: March 3, 2016 ...

    五笔加加2.8标准版(20080528)

    2、Win9x系统下不要设置五笔加加为默认输入法,可能会导致开机后无法进入操作系统。 一些问题及解答: Q:关于“五笔加加”原版。 A:五笔加加是由北京六合源软件技术有限公司开发的一款以五笔输入为主的输入法...

    EXCEL集成工具箱V8.0完整增强版(精简)

    * 应用平台: Win9X/Win2000/WinXP/Win2003/Vista/Wind7 Excel集成工具箱8.0是利用VBA(Visual Basic for Applications)语言编写的增强应用型插件。包括160个菜单功能和100个左右 自定义函数,集160个工具于一...

    图库新版jQuery焦点图 JS代码

    //document.writeln ('<dd>06月21日 修复IE6下兼容问题</dd>'); //document.writeln ('<dd>06月01日 懒人图库2012新版上线</dd>'); //document.writeln ('<dd>05月26日 新增北方网通服务器</dd>'); //document....

Global site tag (gtag.js) - Google Analytics