本文實(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ì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選