IE Z-index 不适用于 videojs

Question

我有三个绝对定位的 div

一个用于徽标/菜单链接。 一个用于菜单。 一个用于页面内容。

我正在使用 JQuery slidetoggle 隐藏/显示菜单，并为菜单 div 提供了高 z-index。我正在为内容 div 中的内容使用 JQuery 幻灯片。我还使用 VideoJS 在内容 div 中的一个页面上显示视频。

所有没有 VideoJS 的页面都允许 ​​z-indexed 菜单显示在内容 div 上。

我遇到的问题是当它在 IE 中包含 VideoJS 时，z 索引菜单不会显示在内容 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-child 在 IE 中的 z-index 永远不会高于 5，即使您将其设置为 105。