`
kk48323201
  • 浏览: 94071 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

IE6 z-index无效 | IE6下z-index bug

    博客分类:
  • CSS
阅读更多
这段时间在仿QQ商城,商品分类的时候,出现了层级之间的关系

经过搜索百度,才知道原来IE6并不是z-index属性无效,而是IE6只认祖先,这样一个规律,如果IE6无效的时候,你可以先检查IE6最顶的div 的z-index属性,里面的div是跟随祖先的变化而变化的.

并且之前的div不可以有position:relative,否则就会属性失效,跟着这两个因素,就可以写出您想要的效果
分享到:
评论

相关推荐

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

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

    DIV在IE6中被下拉菜单占据的问题

    2. **设置更高的z-index**:尽管在IE6中可能不起作用,但还是值得尝试为受影响的`<div>`元素设置一个高于下拉菜单的`z-index`值。 3. **使用hasLayout属性**:IE6中有一些元素拥有一个称为“hasLayout”的内部属性...

    最全前端面试题-2.2(浏览器兼容问题篇-上百篇题集整理1个月).doc

    - **IE6的`z-index`无效**:在某些情况下,IE6的`z-index`不起作用,可以通过设置父元素的`hasLayout`或使用`position:relative`解决。 - **3像素问题**:在IE6中,水平边距计算错误,可通过负边距修正。 - **...

    SELECT在浏览器中相关Bug整理

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

    IE中伪类hover的使用及BUG

    除了讨论属性的改变之外,文章还提醒开发者不应通过改变display属性值来解决这个BUG,因为这种方法在某些情况下可能无效。同时,建议在尝试消除BUG时,可以灵活运用CSS中的简写和全写属性,来确保兼容性的实现。 在...

    ie下没有背景色bug的解决方法

    这可能是因为IE对CSS:hover伪类的处理方式与其它现代浏览器不同,或者由于CSS层叠上下文(z-index)和定位(positioning)的问题导致。而通过为二级菜单添加背景色,可以有效地修复这个问题,这通常是因为背景色的...

    Css浏览器兼容的解决方法

    在IE中,父级元素必须有`position`属性且设置`z-index`,否则子元素的`z-index`将无效。解决方法是确保父级有一个非默认的`z-index`值,如`z-index: 1`。 六、IE6窗口大小调整时的布局问题 若希望body内容居中,并...

    五笔加加2.8标准版(20080528)

    6、锁定计算机状态下如调出五笔加加,解除锁定后无法再使用的问题。(感谢迷迷糊糊) 改进: 1、可以在FireFox、Dreamweaver等软件的部分版本中实现光标跟随。 2、可以在无法捕捉标题栏的应用程序中显示状态条...

Global site tag (gtag.js) - Google Analytics