在ie6和7中遇到z-index问题

时间:2010-03-09 22:03:51

标签: css z-index css-position

在此页面http://equals.lsri.nottingham.ac.uk/puzzle/create上,如果您在输入中键入内容然后单击“保存”,则会弹出自定义对话框。但即使对话框的z-index及其容器的z-index高于公式编辑器,编辑器仍然会重叠ie6和7中的对话框。任何人都知道为什么?

3 个答案:

答案 0 :(得分:1)

z-index是相对于其容器的。因此,如果某些东西是绝对定位的,那么它的容器就是window,但如果它相对定位,那么它的z-index只相对于该容器中的其他内容。因此window中最高的是它的父母是什么。如果重叠元素是绝对元素,则需要在较高的z-index处使用新元素容器,或者绝对定位新元素。

答案 1 :(得分:0)

因为在IE 6和7S中,堆叠的工作方式不同。请参阅quirksmode.org上的Bug report: Explorer z-index bug以及一些解决方案的评论。

答案 2 :(得分:0)

嘿,嘿嘿。哦,Internet Explorer的简单快乐......问题源于IE7(及更早版本)重置绝对定位元素的z-index这一事实。

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

两种流行的思维模式似乎都是通过JavaScript进行校正(Prototype和jQuery都在第二篇文章中列出了解决方案),或者将您想要的绝对定位元素包装在一个没有绝对定位的父级中。高z-index。 HTH!