IE8: CSS 相对定位 child 溢出 parent

Question

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

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

这里是 fiddle：http://jsfiddle.net/Sladkoff/s7ub9zL8/3/

"Normal" 浏览器会在溢出时隐藏相关 child 但无论如何 IE8 仍会显示它。

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

有什么建议吗？

谢谢。

Answer 1

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

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