html - IE8 : CSS relatively positioned child overflows parent

Question

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

所以我有一个相对定位的 parent 。 parent 有两个 child ，一个是绝对的，一个是亲属的。当您将鼠标悬停在父项上时，子项的 left 值会发生变化，相对定位的值应该会溢出并隐藏。

这是一个 fiddle :http://jsfiddle.net/Sladkoff/s7ub9zL8/3/

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

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

有什么建议吗？

谢谢。

Answer 1

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

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