W3C標準是否允許相同的Z-索引

Question

只是一個簡單的問題，我找不到答案。我聽說某處你不能（儘管你可以，但它不符合W3C標準）具有相同的Z-索引。這是真的？我可以有兩個Z-index爲3的<div>元素嗎？謝謝。

Answer 1

你可以有兩個具有相同的索引。他們將按照它們在html中出現的順序進行分層。

Answer 2

定位 '的z-index： 自動' 元素（層6），浮筒（層4）， 直列塊（層5），和內嵌 表（層5），被畫成如果這些元素產生新的堆疊 上下文，除了它們的位置 後代和任何子堆疊 上下文參與當前的 堆疊上下文。

http://www.w3.org/TR/CSS2/visuren.html#z-index

在來自W3C的這個例子中，他們聊上5層約兩個項目，所以我認爲他們允許它。我嘗試時沒有驗證錯誤。

Answer 3

這是不正確的。具有相同z-index的多個元素是有效的。引用W3C's CSS2 spec：

堆棧上下文中具有相同堆棧級別的複選框按照文檔樹的順序重複堆疊。

Answer 4

是的，z-index不必是唯一的。它確實指定了它們應該如何處理：

根據文檔樹的順序，堆疊上下文中具有相同堆棧級別的框堆疊起來。

查看CSS2 Spec瞭解更多信息。

Answer 5

想想現實世界中的這個問題。你有一個電腦桌分成正方形。假設z位置不能改變，是否可以在桌子上的相同x和y位置上放兩罐pop？不，兩個流行的罐頭在現實中不能「重疊」。

當然，這是一臺電腦，遠不及現實。但同樣的前提適用。考慮到所有對象默認爲相同的z-index，您可以爲兩個對象設置相同的z-index，但瀏覽器會自動調整它們以適應它們出現在HTML中的順序。所以最終，他們不再處於同一個z位置。

Answer 6

Techist發佈了W3C關於z-index的信息鏈接。根據閱讀內容，元素的默認z-index爲auto，相當於「0」。這意味着如果一個元素沒有指定z-index，它的z-index是0，那麼很多網站中的許多元素可能具有z-索引0，工作正常，並且符合標準。文字沒有說索引的衝突有什麼不好，實際上談論的是具有相同堆棧級別的元素。

Answer 7

這是沒有意義的，你可以有任何許多類似的z-索引，只要你想。看看我用3個類似的z索引做的例子。它驗證成功。

在http://validator.w3.org/

粘貼鏈接http://fiddle.jshell.net/Tnabq/show/上面的jsfiddle鏈路是的jsfiddle例如我沒有在http://jsfiddle.net/Tnabq/而不必所有4個窗口的結果。