說明
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受父級的約束，父級如果小的話，子級再大也沒用!)