絕對定位元素被遮擋的解決方法
發(fā)布時間：2014-12-13 11:23:15 作者：佚名 
我要評論
我要評論這篇文章主要為大家介紹了絕對定位元素被遮擋的解決方法,涉及使用css絕對定位的使用技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了絕對定位元素被遮擋的解決方法。分享給大家供大家參考。具體方法如下：
ie7下
絕對定位元素即使z-index值很高，如果其設(shè)置相對定位的父元素沒有設(shè)置z-index值的話，其可能（這種可能性當(dāng)然是布局存在遮蓋的時候）會被后面設(shè)置了相對定位的元素遮擋（即使后面的相對定位的元素沒有設(shè)置z-index值）；
復(fù)制代碼
代碼如下:<div style="position:relative;"></p>
<p> <p style="position:absolute;z-index:99999;"></p></p>
<p></div></p>
<p><div style="position:relative;">
</div>
</div>
如果上下這兩個div存在互相遮蓋的情況，那么下面的div會遮蓋住上面的div
解決方法如下：
給被遮蓋的絕對定位元素的設(shè)置了相對定位的元素設(shè)置z-index值
復(fù)制代碼
代碼如下:<div style="position:relative;z-index:1;/*這個值只要比下面div的z-index值高就行*/"></p>
<p> <p style="position:absolute;z-index:99999;"></p></p>
<p></div></p>
<p><div style="position:relative;">
</div>
</div>
希望本文所述對大家的web頁面設(shè)計有所幫助。
相關(guān)文章
CSS絕對定位元素left設(shè)為50%實現(xiàn)水平居中
絕對定位的元素left設(shè)為50%時，是已左上角為原點的，所以只要再使用margin屬性添加負(fù)值補(bǔ)償回來即可，下面示例代碼，需要的朋友可以參考下2014-09-04- 當(dāng)絕對定位元素的鄰近浮動元素的寬度大于父層寬度減3時，該絕對定位元素在ie6下面會隱藏，解決方法就是調(diào)整浮動元素的寬度，即寬度小于或等于父層寬度減32014-06-05
- 設(shè)置絕地定位的元素必須設(shè)置兩個相對定位的元素，也就是小A的紅色框框，和小C的藍(lán)色框框，設(shè)置他們的層級關(guān)系，下面有個示例，大家可以參考下2014-03-31
- 在某些時候可能需要將一個絕對定位的div在它的父對象中垂直居中對齊，可能用到的頻率不是太高，但是偶爾也會用到，下面就簡單介紹一下如何實現(xiàn)此功能2014-01-27
- 本文主要介紹了css的絕對定位的使用方法，大家參考使用吧2014-01-27
- 下面小編就為大家?guī)硪黄嘘P(guān)絕對定位的全面理解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-20