在厚盒或灯箱下显示的 YouTube 视频
我有一些嵌入的 YouTube 视频，并且有一个 div 显示在页面其余部分的顶部。问题是，如果不向 YouTube 嵌入代码添加一些额外的参数（wmode=opaque），YouTube 视频就会出现在灯箱上方。
有更好的方法来实现这一目标吗？就像我可以添加到灯箱 div 中的某种 CSS 一样？
注意：我没有专门使用lightbox或thickbox，只是我自己的基本代码。我的灯箱 div 使用的 css 是：
#shade {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: 000;
z-index: 1001;
}
I have some embedded youtube videos and I have a div that appears over the top of the rest of the page. The problem is, that without adding some extra params (wmode=opaque) to the youtube embed code, the youtube videos appear above the lightbox.
Is there a better way of achieving this? Like some kind of CSS I can add to the lightbox div?
Note: i'm not using lightbox or thickbox specifically, just my own basic code. The css I'm using for my lightbox div is:
#shade {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: 000;
z-index: 1001;
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
不幸的是，Flash 优先于您设置的任何 z 索引。这有点痛苦，但唯一的方法就是使用 wmode。请参阅此答案。如果您不想或无法在 YouTube 元素中设置 wmode，那么您可以采取一些肮脏的技巧。
注意，这些都是肮脏的 JS HACKS
不要这样做
Unfortunately flash takes precedence over any z-index that you set. It's a bit of a pain, but the only way you can do it is using wmode. See this answer. If you don't want to, or can't set wmode in the YouTube element then there are a number of dirty hacks that you can do.
NB THESE ARE DIRTY JS HACKS
DON'T DO THIS
附加
您可以在 YouTube 视频来源的链接末尾
：
http://maxmorgandesign.com/fix_youtube_iframe_overlay_and_z_index_issues/
You can append
at the end of the link to the youtube video
Source:
http://maxmorgandesign.com/fix_youtube_iframe_overlay_and_z_index_issues/