Question

我的网站是使用VS 2010的VB，我的z-index属性我设置为20，它在图片和其他东西上运行良好。但我有两个youtube视频，z-index属性不起作用;我要显示的菜单被youtube视频覆盖 - 但仅限于IE;其他浏览器工作正常！

我做错了吗？或者，当它是YouTube视频时，我应该做些什么？

我的嵌入式视频看起来像这样，它覆盖了我的菜单：

<table class="tablestyle0">
<tr>
<td>
<iframe id="ShowFrameID" width="640" height="480"            
     src="http://www.youtube.com/embed/IxiZ0sdh6hw?wmode=opaque?        
modestbranding=1&amp;rel=0">
</iframe>
</td>
</tr>

在这方面的任何帮助或指导都将非常感激！

Answer 1

如果您将wmode=opaque更改为wmode=transparent，则YouTube播放器应尊重您的z-index排序。

编辑：问题是您的YouTube网址中有两个?个字符。 wmode = opaque部分没有通过服务器。

在我做出改变后，它对我有用。您可能不必将其设置为transparent（opaque也应该有效。）

<table class="tablestyle0">
<tr>
<td>
<iframe id="ShowFrameID" width="640" height="480"            
     src="http://www.youtube.com/embed/IxiZ0sdh6hw?wmode=opaque&amp;modestbranding=1&amp;rel=0">
</iframe>
</td>
</tr>

Answer 2

将position:relative添加到您的表类'CSS中，然后它应该遵循z-index。

Z-Index属性无法在youtube视频上运行

2 个答案: