之間有什麼區別:汽車,0,沒有z-index的區別?
- 的z-index:汽車
- 的z-index:0
- 在所有
所有上述情況沒有Z指數是一個的div包圍兩個div,DIV1和DIV2各自具有AZ指數是9和10分別。
封閉的div是HTML的堆疊內容。
之間有什麼區別:汽車,0,沒有z-index的區別?
所有上述情況沒有Z指數是一個的div包圍兩個div,DIV1和DIV2各自具有AZ指數是9和10分別。
封閉的div是HTML的堆疊內容。
不指定z-index
相同z-index: auto
;這是它的初始價值。
auto
和0
表示同樣的事情,如果你的元素不創建自己的堆棧上下文;例如它沒有被定位爲相對的,絕對的或固定的。
如果你的封閉div
沒有定位,那麼無論你設置它的z-index
都無所謂;它和它的所有內容將參加html
堆疊背景下,其後代將永遠被定位在它的前面。
設置堆疊順序等於其父母。這是默認設置。
什麼都不做
設置堆疊順序等於其父母一樣的汽車。
指定的z-index應該從父元素繼承
參考進一步閱讀和測試:
像BoltClock所說的那樣,「z-index:0」使它不在'z-index:
@jasonszhao,事實並非如此。例如請參閱:https://jsfiddle.net/jf3bgL9z/3/ –
ñCSS,你可以將2個或更多個對象放置在相互重疊的位置。它們的z索引決定哪些對象位於它們重疊的其他對象的「前面」或「後面」。較高的一個對象的z索引,對象的「在堆棧中較高的」,它將顯示
z-index:0
總是「默認層」(其中沒有明確z-index
所有元素駐留在層),和z-index:auto
指: 「設置爲其父堆疊順序平等」。 由於所有父母的孩子們在默認情況下啓動的「Z-0層」 - 相對於他們的父母,那麼,在-影響,z-index:auto
和z-index:0
意味着同樣的事情:他們都將在同一個「層「,他們的堆疊順序將根據默認的堆疊規則,您可以看到here。
感謝BoltClock.The;您的答案的ast段解釋一切如此好。正是我在找什麼。 – bluelurker