css - 如何修复 IE 和 Chrome 中 ajax 弹出窗口层上的 YouTube flash 视频叠加问题？

Question

如果您访问下面的站点，您会看到一个 youtube 视频，但是如果您在下面的任何产品上选择添加到购物车按钮，一个弹出窗口会显示该产品被添加到购物车。但是，YouTube 视频通过它显示。这是 Z-index 问题还是我需要在 YouTube 的嵌入代码中添加一些标签？该问题仅发生在 Windows 的 Chrome 和 IE 上。在任何浏览器中，该问题都不会发生在 MAC 上。我没有检查 Windows 上的 Safari。

http://www.unicornfibre.com/pages/Power-Scour-.html

下面是问题截图

Answer 1

来自 http://www.scorchsoft.com/news/youtube-z-index-embed-iframe-fix :

Instead of embedding the youtube iframe like this:

<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/lzQgAR_J1PI" frameborder="0" wmode="Opaque">

add ?wmode=transparent to the embedded link like this:

<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/lzQgAR_J1PI?wmode=transparent" frameborder="0" wmode="Opaque">

这对我很有吸引力。