IE Z-index 不适用于 videojs

发布于 2024-12-04 07:12:12 字数 349 浏览 2 评论 0原文

我有三个绝对定位的 div，

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

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

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

我遇到的问题是，当 IE 中包含 VideoJS 时，z 索引菜单不会显示在内容 div 上。它在所有其他浏览器中运行良好。

我已将这些内容上传到网络上。有人可以帮我找出我的错误在哪里吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

庆幸我还是我 2024-12-11 07:12:12

需要注意的是，我没有时间查看代码，这一观察可能会有所帮助：

在 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。

With the caveat that I haven't had time to look at the code, this observation may be helpful:

In IE, an element cannot have a higher z-index than it's parent. So for instance, if you had this code:

<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>

The div#container2-child will never have a z-index higher than 5 in IE, even though you set it to 105.

回复收藏 0 原文

~没有更多了~