jquery - 尽管有 z-index，文本仍显示在覆盖 div 的顶部 - Chrome 和 Firefox

Question

我遇到了最奇怪的问题。我一直在敲这个一个多小时没有但无济于事。

我有一个带有文本的 div，带有这个 CSS：

    z-index:  1;
    position: relative;

我有一个带有这个 CSS 的覆盖对话框（YUI）：

    background: #fff;
    position:   absolute;
    z-index:    200;

盒子在动画中向下滑动。

出于某种原因，文本显示在另一个 div 上，直到——得到这个——<em>我将鼠标移到窗口外。然后一切正常。

我最好的猜测是这是一个渲染问题。但它发生在 FF 和 Chrome（最新）中。任何的意见都将会有帮助。

-

截屏：

Answer 1

我神奇地解决了这个问题。希望这对将来的某人有所帮助。

Buy 为父元素显式指定 a z-index，这解决了问题：

.yui-skin-sam .yui-dt table {
    width: 100%;
    z-index: 1;         /* <-- added */
    position: relative; /* <-- added */
}