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)
被遮擋的絕對定位
a relative b relative 最近做minisite專案時，碰到了個奇怪的定位問題 以上的a，b兩個盒子是相對定位,標牌logo是a的子級，基於a做絕對定位 問題描述 我們希望標牌logo顯示在最上面，但在ie下logo標牌部分被b區域遮住,b在最上層顯示，調整logo的z index...
z index屬性解決樣式被遮擋的問題
有這樣乙個場景，在頁面的右上角有乙個固定位置的按鈕，當不拉動垂直滾動條時，該按鈕是可以接受滑鼠響應的 但是當將垂直滾動條拉到最底端時，該按鈕就不能響應滑鼠操作了，此時該按鈕的樣式已經被下部分內容的樣式遮擋了，此時我們可以通過乙個z index屬性來解決該問題，只要在右上角固定的按鈕的樣式中新增z i...
IE7 絕對定位z index問題
在進行網頁布局設計的時候，經常會根據需要設定相對定位，絕對以及浮動定位最近突然發現了乙個奇妙的現象 ie6下絕對定位元素神秘消失或被遮擋,首先是ie絕對定位元素神秘消失,設定的絕對定位元素,突然從ie瀏覽器下消失了，然而火狐能正常顯示.嘗試對絕對定位元素進行清除浮動操作,ie下能顯示，但是出現了莫名...