說明
z-index屬性在寫頁面的時候經常會遇到。但如果頁面結構複雜且用到的z-index多我就會有點迷，下面是我的小結。
基本概念：
(1)z-index是深度屬性，設定元素在z軸上面的堆疊順序。
(2)只有dom設定了position:absolute | relative | fixed 才會有z-index屬性
(3)堆疊上下文：當前dom往上級找，如果該級設定了z-index屬性值(非auto)，那麼該級別dom就是堆疊上下文；如果往上級一直找不到，那麼根級別dom就是堆疊上下文。
z-index優先級別比較：
(1) 有postion屬性的dom(脫離文件流的dom)會在沒有position屬性的dom(文件流內的dom)的上面。
(2) 文件流內容的堆疊遵循後來居上的原則。(後面的如果和前面的dom重疊了，後面蓋在前面)
(3) 同級的dom，它們的堆疊上下文一定相同。所以直接z-index比較，大的在上面，小的在下面，相同的遵循後來居上的原則。
(4) 非同級的dom，先要看它們的堆疊上下文。如果堆疊上下文一致，那麼比較同(3)；如果不一致，就比較他們堆疊上下文的z-index。(dom的z-index受父級的約束，父級如果小的話，子級再大也沒用!)
html頁面元素優先順序問題 z index
在開發中曾經遇到過z index帶來的頁面層級遮蓋問題。原帖太亂了，就發個效果圖吧。div被select隱藏的問題可以用乙個 的iframe來解決。div，select，iframe都是絕對定位的情況下進行的。在絕對定位的情況下，z index是可以對他們起到作用的。但是在頁面布局實際中都是用相對進...
HTML Css中的優先順序比較
css中的優先順序比較 下面是權值的規則 標籤的權值為1，類選擇符的權值為10，id選擇符的權值最高為100。例如下面的 p 權值為1 p span 權值為1 1 2 warning 權值為10 p span.warning 權值為1 1 10 12 footer note p 權值為100 10 ...
css 優先順序總結
層疊優先順序是 瀏覽器預設 外部樣式表 內部樣式表 內聯樣式 其中樣式表又有 類選擇器 類派生選擇器 id選擇器 id派生選擇器 派生選擇器以前叫上下文選擇器，所以完整的層疊優先順序是 瀏覽器預設 外部樣式表 外部樣式表類選擇器 外部樣式表類派生選擇器 外部樣式表id選擇器 外部樣式表id派生選擇器...