z-index堆棧上下文是否有解決方法？

Sample of the problem z-index堆棧上下文是否有解決方法？

讓有3個div。

<div id="div1"><div id="div2"></div></div> 
<div id="div3" />

如果DIV2具有較高的Z-指數大於DIV3但DIV1具有較低的z軸折射率比DIV3，然後DIV2以下將示出DIV3。

有沒有辦法讓div2高於div3而不改變div1的z-index或使div2成爲div1/div3的兄弟？

來源

2010-01-30 JohnnyYen

刪除'位置：從你的''＃absolute' div1''解決您當前在這個例子中，樣本 – 2010-02-02 17:35:53

使用你上面給的html：

#div1{ 
    width: 200px; 
    height: 200px; 
    z-index: 30; 
    border: 1px solid black; 
} 
#div2{ 
    width: 150px; 
    height: 150px; 
    z-index: 35; 
    border: 1px solid black; 
    position: relative; 
    top: 70px; 
    left: 10px; 
    background-color: red; 
} 
#div3{ 
    width: 200px; 
    height: 200px; 
    z-index: 32; 
    border: 1px solid black; 
    background-color: lime; 
    position: relative; 
    top: -30px; 
    left: 40px; 
}

這似乎是工作，至少在FF和IE 8

來源

2010-01-30 18:35:55

你的工作意味着什麼？我希望看到div2顯示在div3上方，但這不會發生在Chrome4，FF3.5或IE8中。 – JohnnyYen 2010-02-01 11:09:57

github上的完整代碼：http://gist.github.com/292846 – 2010-02-02 17:33:02

您的建議完美無缺。不幸的是，我們低估了我們遇到的問題。但這已經是另一個問題的話題。謝謝。 – JohnnyYen 2010-02-04 16:43:08

不幸的是沒有。只要div1具有比div3更高的z-index，div1中的所有內容都將顯示在div3之上。

來源

2010-01-30 14:15:22

，div1的z-index *比div3低* – JohnnyYen 2010-01-30 14:45:51

z-index堆棧上下文是否有解決方法？

回答

相關問題