2011-05-13 132 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