thickbox或lightbox灯箱下面的Youtube视频

Question

我有一些嵌入的YouTube视频，我有一个div出现在页面其余部分的顶部。问题是，如果不向youtube嵌入代码添加一些额外的参数（wmode = opaque），youtube视频将出现在lightbox上方。

有没有更好的方法来实现这一目标？像某种CSS我可以添加到灯箱div？

注意：我没有专门使用lightbox或thickbox，只是我自己的基本代码。我用于我的lightbox div的CSS是：

#shade { 
position: fixed; 
left: 0; 
top: 0; 
width: 100%; 
height: 100%; 
background: 000; 
z-index: 1001; 
} 

Answer 1

不幸的是，闪存优先于您设置的任何z-index。这有点痛苦，但唯一的办法就是使用wmode。见this answer。如果您不想或者无法在YouTube元素中设置wmode，那么您可以执行一些肮脏的黑客攻击。

NB这些肮脏的JS黑客

• 隐藏的视频会显示在收藏之前，然后再显示它退出
• 取代Flash对象与静态图像显示收藏夹时。退出时改回。
• 使用Flash重叠式广告，而不是HTML一个

千万不要这么做

Answer 2

您可以附加

?wmode=opaque 

在链接到YouTube视频

结束来源： http://maxmorgandesign.com/fix_youtube_iframe_overlay_and_z_index_issues/