ie6和7中z-index的问题

在这个页面上http://equals.lsri.nottingham.ac.uk/puzzle/create，如果你在输入中输入了某些东西，然后点击保存，弹出一个自定义对话框。但即使对话框的z索引及其容器的索引高于公式编辑器的z索引，编辑器仍然在ie6和7中重叠了对话框。任何人都知道为什么？ie6和7中z-index的问题

来源

2010-03-09 wheresrhys

z-index是相对于它的容器。因此，如果某个东西是绝对定位的，它的容器是window，但是如果相对定位的话，它的z-索引仅与该容器中的其他东西相关。所以window的最高值可以是它的父母。如果你的重叠元素是绝对的，你可能需要新的元素容器在更高的z-index或绝对放置新的元素。

来源

2010-03-09 22:07:34

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

来源

2010-03-09 22:06:09

我以为我有这个覆盖尽管 - #equationEditor和#dialog都有相同的父（身体），我给他们分别为z-index 20和50，tehn #dialog .inner有z-index 90。我之前遇到过ie bug，但在z指数非常明确的时候没有遇到过 – wheresrhys 2010-03-10 08:08:47

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

在这个问题上有文献：

思想的两种流行的模式似乎是通过JavaScript或者是修正（包括原型和jQuery有解决方案上市第二篇文章），或者通过将绝对定位的元素放在不具有绝对位置的父级中，该元素具有较高的z-index。心连心！

来源

2010-03-09 22:22:56 Impirator

ie6和7中z-index的问题

回答

相关问题