儘管z-index覆蓋div頂部的文本顯示 - Chrome和Firefox

Question

我遇到了最奇怪的問題。我一直在這一個一個小時以上，但沒有效果。

我有文字DIV，這個CSS：

z-index: 1; 
    position: relative; 

我有一個覆蓋對話框（YUI）這個CSS：

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

箱子在動畫滑下。

出於某種原因，文本顯示在另一個div上直到得到這個我將鼠標移動到窗口外。然後它完美地運作。

我最好的猜測是這是一個渲染問題。但它發生在FF和Chrome（最新）。任何的意見都將會有幫助。

-

截圖：

Answer 1

我奇蹟般地解決了這個問題。希望這有助於未來的人。

買了父元素明確指定一個z-index，這個問題得到了解決：

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