代码之家 › 专栏 › 技术社区 › wheresrhys

ie6和ie7中z-index的问题

css-position z-index css

wheresrhys · 技术社区 · 14 年前

在这个页面上 http://equals.lsri.nottingham.ac.uk/puzzle/create ,如果在输入中键入内容,然后单击“保存”,将弹出一个自定义对话框。但是,尽管对话框的z索引及其容器的z索引高于公式编辑器的z索引,编辑器仍然与ie6和7中的对话框重叠。有人知道为什么吗?

3 回复 | 直到 14 年前

Alex Sexton 14 年前

z-index是相对于其容器的。所以如果某个东西是绝对定位的,它的容器就是 window ,但如果相对定位,则其z索引只与容器中的其他对象相关。所以最高的可能是 窗口 不管它的父母是什么。如果重叠元素是绝对的,则需要在较高的z索引处使用新元素容器,或者绝对定位新元素。

Pekka 14 年前

因为在IE6和7S中,堆叠的工作方式不同。见 Bug report: Explorer z-index bug 以及一些解决方案的评论。

Impirator 14 年前

嘿,在哪儿。哦,简单的快乐是Internet Explorer…问题源于IE7(及更早版本)重置 z-index 绝对定位的元素。

关于这个问题的一些文献:

两种流行的思维模式似乎要么是通过javascript进行修正(prototype和jquery都有第二篇文章中列出的解决方案),要么是将您想要的绝对定位的元素包装在一个不完全定位的父元素中,该父元素具有 Z指数 . 嗯!

推荐文章

Kyle Lemon · 突出显示页脚背景和内容之间的跨距

6 年前

Valentyn Stets · Webpack 2 css加载程序在生产构建中替换z-index属性

6 年前

Nick · 浮动操作按钮z索引更改延迟

6 年前

Vandan Shah · 粘性表格标题结构中的不透明度问题

7 年前

norixxx · 当父内容将图像作为子内容,并且其他元素具有不透明度时,CSS堆栈顺序会发生变化

7 年前

assoonaspossible · 具有固定父元素的绝对定位元素上的z索引[重复]

7 年前

Ismail Rubad · z索引为1的元素位于祖父母的div下

7 年前

JV Lobo · 具有transform属性的元素内的子元素z索引

7 年前

Tog Porter · 如何让图像滚动到导航栏后面

7 年前

Jasminder Pal Singh · 复杂的Z指数叠加问题

7 年前