a (relative)
b (relative)
最近做minisite專案時，碰到了個奇怪的定位問題: 以上的a，b兩個盒子是相對定位,
標牌logo是a的子級，基於a做絕對定位
問題描述：我們希望標牌logo顯示在最上面，但在ie下logo標牌部分被b區域遮住,b在最上層顯示，調整logo的z-index的數值調整無效，firefox下顯示正常。
解決方案：先了解一下所涉及到的幾個定位特性（非官方解釋）：
1. 相對定位元素預設的z-index的數值是0。
2. 當兩個相對定位同時出現時，**靠後的z-index優先。
3. 子級遵循父級設定的z-index；如果子級設定了絕對定位、z-index，可以衝破父級顯示
這個問題主要是ie對上面第3條錯誤解釋導致的—在ie下子級的z-index不能衝破父級。網上解決這個bug的辦法一般用hack使b為負值，來降低 b 在ie下級別，這種方法繞了乙個大圈：z-index為負值時，產生了新的ie bug。
按照定位的特性，ie的這個bug是可以迴避的，從表面上看 b 遮住了logo，實際上是 b 遮住了logo的父級 a ，只要將 a 的z-index設定大於b即可。
a (relative)
b (relative)
被遮擋的絕對定位 z index
a relative b relative 最近做minisite專案時，碰到了個奇怪的定位問題 以上的a，b兩個盒子是相對定位,標牌logo是a的子級，基於a做絕對定位 問題描述 我們希望標牌logo顯示在最上面，但在ie下logo標牌部分被b區域遮住,b在最上層顯示，調整logo的z index...
絕對定位元素被遮擋的解決方法
ie7下 絕對定位元素即使z indewww.cppcns.comx值很高，如果其設定相對定位的父元素沒有設定z index值的話，其可能 這種可能性當然是布局存在遮蓋的時候 會被後面設定了相對定位的元素遮擋 即使後面的相對定位的元素沒有設定z index值 複製 如下 程式設計客棧tyle pos...
定位 絕對定位
span元素 輸出 1.開啟絕對定位，會使元素脫離文件流 2 開啟絕對定位以後，如果不設定偏移量，則元素的位置不會發生變化 3 相對於瀏覽器視窗進行定位 開啟box3的定位並把box2作為box3的子元素 box2 box3 輸出 若有祖先元素開啟了定位 一般情況，開啟了子元素的絕對定位都會同時開啟...