2013-01-01 49 views
11

之間有什麼區別:汽車,0,沒有z-index的區別?

  1. 的z-index:汽車
  2. 的z-index:0
  3. 在所有

所有上述情況沒有Z指數是一個的div包圍兩個div,DIV1和DIV2各自具有AZ指數是9和10分別。

封閉的div是HTML的堆疊內容。

回答

11

不指定z-index相同z-index: auto;這是它的初始價值。

auto0表示同樣的事情,如果你的元素不創建自己的堆棧上下文;例如它沒有被定位爲相對的,絕對的或固定的。

如果你的封閉div沒有定位,那麼無論你設置它的z-index都無所謂;它和它的所有內容將參加html堆疊背景下,其後代將永遠被定位在它的前面。

+0

感謝BoltClock.The;您的答案的ast段解釋一切如此好。正是我在找什麼。 – bluelurker

2

的z-index:汽車

設置堆疊順序等於其父母。這是默認設置。

的z-index:0

什麼都不做

的z-index:不

設置堆疊順序等於其父母一樣的汽車。

的z-index:繼承

指定的z-index應該從父元素繼承

參考進一步閱讀和測試:

Link

+0

像BoltClock所說的那樣,「z-index:0」使它不在'z-index:'的兄弟中。 – jasonszhao

+0

@jasonszhao,事實並非如此。例如請參閱:https://jsfiddle.net/jf3bgL9z/3/ –

0

ñCSS,你可以將2個或更多個對象放置在相互重疊的位置。它們的z索引決定哪些對象位於它們重疊的其他對象的「前面」或「後面」。較高的一個對象的z索引,對象的「在堆棧中較高的」,它將顯示

1

z-index:0總是「默認層」(其中沒有明確z-index所有元素駐留在層),和z-index:auto指: 「設置爲其父堆疊順序平等」。 由於所有父母的孩子們在默認情況下啓動的「Z-0層」 - 相對於他們的父母,那麼,在-影響,z-index:autoz-index:0意味着同樣的事情:他們都將在同一個「層「,他們的堆疊順序將根據默認的堆疊規則,您可以看到here