定位元素在MSIE7流程中的下一個定位元素下消失

Question

有時會遇到這個問題，但我總是使用一些替代代碼避免它。

不幸的是，這次我需要一隻手。

IE7中

如果有兩個哥哥DIVS有「地位：相對」他們中的絕對定位的孩子「未來哥DIV」

http://jsfiddle.net/qN74X/

<div style="width:200px;position:relative;background:yellow;">XXX 
    <div style="position:absolute;z-index:1;background:red; 
       height:70px;top:0;left:50%;">ZZZ</div> 
</div> 

<div style="position:relative;width:200px;background:pink;">YYY</div> 

我怎麼能解決這個下消失？

感謝

Answer 1

當懸停在元件，設置它的z索引以及（不僅僅是尖端）。這裏的主要變化：

body > div{ 
    position:relative; 
    z-index:1; 
} 
body > div:hover{ 
    z-index:5; 
    border:0 none; 
} 

基本上，在外部容器（背景是），是什麼需要讓它的z索引改變。我也不確定爲什麼我需要加邊框：0沒有，但沒有工作。

的jsfiddle：http://jsfiddle.net/qN74X/3/