Question

我有三个绝对定位的div

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

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

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

我遇到的问题是，当它在IE中包含VideoJS时，z-indexed菜单不会显示在内容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中永远不会有超过5的z-index，即使你将其设置为105.

IE Z-index不使用videojs

1 个答案: