本文實(shí)例講述了絕對(duì)定位元素被遮擋的解決方法。分享給大家供大家參考。具體方法如下：

ie7下

絕對(duì)定位元素即使z-index值很高，如果其設(shè)置相對(duì)定位的父元素沒有設(shè)置z-index值的話，其可能（這種可能性當(dāng)然是布局存在遮蓋的時(shí)候）會(huì)被后面設(shè)置了相對(duì)定位的元素遮擋（即使后面的相對(duì)定位的元素沒有設(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>

如果上下這兩個(gè)div存在互相遮蓋的情況，那么下面的div會(huì)遮蓋住上面的div

解決方法如下：

給被遮蓋的絕對(duì)定位元素的設(shè)置了相對(duì)定位的元素設(shè)置z-index值

復(fù)制代碼代碼如下:<div style=”position:relative;z-index:1;/*這個(gè)值只要比下面div的z-index值高就行*/”></p>
<p>　　<p style=”position:absolute;z-index:99999;”></p></p>
<p></div></p>
<p><div style=”position:relative;”>
</div>

希望本文所述對(duì)大家的web頁(yè)面設(shè)計(jì)有所幫助。