Z指數

Question

IM有一些z-index的東西

麻煩可以說，我有以下

<div id="A"> z-index = 2 
    <div id="B"></div> 
</div> 

<div id="C"> z-index = 1 
    <div id="D"></div> 
</div> 

我想「d」是在「B」

的頂部

當然這只是一個例子，我知道如果我交換A和C的Z指數我得到我要求的，但顯然比這更復雜，但其實質是這個，考慮到我的情況後，我該如何讓D在B之上？

請幫忙!!

Answer 1

你不能做到這一點不改變的z-index和C.

堆疊上下文的方式工作在CSS的是，當創建一個新的堆疊內容（通過設置的z-index，要麼定位元素，或者設置不透明度< 1），它受到其父代或後代的堆疊環境的限制。也就是說，如果C的值比其兄弟A的值低，則C的任何後代都不能高於A或其後代。它就像A無限地高於C，所以即使D有z-index的1000000000，它也不會像C那麼高。

你可以把它看作書的一部分，其中1.10在2.1之前，如1.10000。