HTML z-index不适用于YouTube视频

时间:2014-03-14 12:26:49

标签: html youtube z-index

我在页面上有YouTube视频:

<iframe id='youtubeTrailer' width="560" height="315" src="//www.youtube.com/embed/0Vsy5KzsieQ" frameborder="0" allowfullscreen></iframe>

和一些海报。我为img编写的索引大于视频。但它仍然不起作用。我该如何解决?

work http://oi62.tinypic.com/2n8czmx.jpg

1 个答案:

答案 0 :(得分:2)

那是因为flash主要忽略z-index(除非wmode设置为opaque)。您可以按照详细步骤here进行更正。

上面的指南详细说明只是通过修改iframe代码将wmode设置为透明。

<iframe id='youtubeTrailer' width="560" height="315" src="//www.youtube.com/embed/0Vsy5KzsieQ?wmode=transparent" frameborder="0" allowfullscreen></iframe>