絕對位置元素被遮擋

標籤：style   color   os   io   re   c   

ie7下

絕對位置元素即使z-index值很高，如果其設定相對定位的父元素沒有設定z-index值的話，其可能（這種可能性當然是布局存在遮蓋的時候）會被後面設定了相對定位的元素遮擋（即使後面的相對定位的元素沒有設定z-index值）；

<div style="position:relative;">

　　<p style="position:absolute;z-index:99999;"></p>

</div>

<div style="position:relative;">
</div>

如果上下這兩個div存在互相遮蓋的情況，那麼下面的div會遮蓋住上面的div

解決方案：

給被遮蓋的絕對位置元素的設定了相對定位的元素設定z-index值

<div style="position:relative;z-index:1;/*這個值只要比下面div的z-index值高就行*/">

　　<p style="position:absolute;z-index:99999;"></p>

</div>

<div style="position:relative;">
</div>