2011-05-13 130 views
3

我正在尝试重置元素的z-index属性。它除了(惊喜!)IE7或IE8-IE7之外无处不在。任何人都可以指向正确的方向吗?Internet Explorer 7 z-index覆盖

Test Case on jsfiddle.net

坦白说,我不希望有它在IE7的工作,也许任何人有一种变通方法的想法?

一些背景:

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

谢谢你的任何想法,你可以给!

+0

我不知道如何解决在IE7中的确切测试案例 - 它减少了太多。如果你提供第二个测试用例,包括你的jQuery UI对话框,那么我可能会修复它,显示错误。 – thirtydot 2011-05-13 13:33:11

+0

这是我的目标 - 减少它。 :-) “解决方法”是将#test z-index:1500设置为高于覆盖的。 – Kaukas 2011-05-13 13:44:49

+0

我很高兴你找到了解决方法。这就是我的意思,但我没有机会找到这样的解决方法,因为测试用例真的被减少了(通常这不是一件坏事)。 – thirtydot 2011-05-13 13:47:04

回答

0

因此,IE7有一个奇怪的错误,你必须设置父元素的z-index。退房here

你也可以尝试添加zoom:1;有时候会起作用。

+1

谢谢,我知道这个问题,并使用技术描述在我的应用程序的各个部分。然而,上面的怪癖与堆叠无关,而是无法重置z-index,就像我在[jsfiddle](http://jsfiddle.net/uAxNV/8/)例子中展示的那样。 'zoom:1'有时用于设置'hasLayout',但'#test'元素已经有布局,因为'position:relative'。 – Kaukas 2011-05-23 10:01:07