Internet Explorer 7 z-index 覆盖答案

【问题标题】：Internet Explorer 7 z-index overrideInternet Explorer 7 z-index 覆盖
【发布时间】：2011-05-13 13:20:57
【问题描述】：

我正在尝试重置元素的 z-index 属性。它适用于除（惊喜！）IE7 或 IE8-as-IE7 之外的任何地方。谁能指出我正确的方向？

坦率地说，我不希望它在 IE7 中运行，也许有人有解决方法的想法？

一些上下文：

有问题的元素有一个输入子元素，它本身位于一个 jQuery UI 对话框中。具有低于覆盖 zIndexes 的任何字段的对话框库 disables modifications。此功能与上述错误相结合意味着即使我正确重置了测试元素的 zIndex，我也无法编辑该字段。

感谢您提供的任何想法！

【问题讨论】：

我不知道如何在 IE7 中修复那个确切的测试用例——它被缩减得太远了。如果你提供第二个测试用例，包括你的 jQuery UI 对话框，我可能能够修复它，显示错误。
那是我的目标 - 减少它。 :-) 一个“解决方法”是将 #test z-index: 1500 设置为高于叠加层的。
很高兴您找到了解决方法。这就是我的意思 - 我没有机会找到任何这样的解决方法，因为您的测试用例真的减少了（这通常不是一件坏事）。
这里有一个更详细的测试用例：http://jsfiddle.net/uAxNV/8/

【解决方案1】：

所以 IE7 有一个奇怪的错误，您也必须设置父元素的 z-index。查看here

您也可以尝试添加缩放：1;有时会起作用。

【讨论】：

谢谢，我知道这个问题，并使用了我的应用程序各个部分中描述的技术。但是，上面的怪癖与堆叠无关，而是与无法重置 z-index 相关，就像我在 jsfiddle 示例中显示的那样。 zoom: 1 有时用于设置hasLayout，但#test 元素已经有了布局，因为position: relative。