IE Z指數不與視頻js

Question

我有三個絕對定位的div

一個用於標誌/菜單鏈接。 一個用於菜單。 一個用於頁面內容。

我使用JQuery的slideToggle隱藏/顯示菜單，並提供了一個高的z-index的菜單股利。我在內容div中使用JQuery幻燈片顯示內容。我也使用VideoJS在內容div的其中一個頁面上顯示視頻。

沒有VideoJS所有頁面允許的z索引菜單顯示在內容股利。

我遇到的問題是z-indexed菜單在IE中包含VideoJS時不會顯示內容div。它可以在所有其他瀏覽器中正常工作。

我已經將這些上傳到網絡上。有人能幫我弄清楚我的錯誤在哪裏嗎？

Answer 1

有了，我還沒有來得及看代碼的警告，這種觀察可能會有所幫助：

在IE中，一個元素不能有更高的z-index比它的父。因此，舉例來說，如果你有這樣的代碼：

<div id="container1" style="position:absolute;z-index:15"> 
    <div id="container1-child" style="position:absolute;z-index:5"></div> 
</div> 

<div id="container2" style="position:absolute;z-index:5"> 
    <div id="container2-child" style="position:absolute;z-index:105"></div> 
</div> 

在div＃container2的孩子將永遠不會有比IE 5更高的z-index，即使你把它設置爲105