IE8：CSS相对定位的子溢出父

Question

我在使用 IE8 时遇到问题，希望有人能指出我正确的方向。

所以我有一个相对定位的父母。父母有两个孩子，其中一个是绝对的，一个是相对的。当您将鼠标悬停在父级上时，子级的 left 值会发生变化，并且相对定位的值应该会溢出并被隐藏。

这是一个小提琴：http://jsfiddle.net/Sladkoff/s7ub9zL8/3/

“普通”浏览器会在溢出时隐藏相关子级，但无论如何 IE8 仍会显示它。

我不太确定是否有人能够在 IE8 思想中对此进行测试，因为我必须打开 http://jsfiddle.net/draft/ 才能看到它。不知道这对观看小提琴的客人是如何工作的。我想你需要打开它，例如Chrome，然后切换到 IE 中提到的链接。让我知道它是否有效...

有什么建议吗？

谢谢。

Answer 1

尝试使用 z-index 以您需要的堆叠顺序定位您的对象。

.absolute {
     z-index:1;
}
.relative {
    z-index:2;
}