定位元素在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/