如何在IE和Chrome的ajax弹出窗口图层中修复YouTube Flash视频叠加问题?

Abb*_*bby 2 css flash xhtml internet-explorer google-chrome

如果你去下面的网站,你会看到有一个YouTube视频,但是如果你选择下面任何产品的添加到购物车按钮,弹出窗口会显示正在添加到购物车的产品.但是,YouTube视频通过它显示.这是一个Z索引问题还是我需要在YouTube的嵌入代码中添加一些标签?问题只发生在Chrome和IE上的Windows中.任何浏览器中的MAC都不会出现此问题.我没有在Windows上检查过Safari.

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

以下是问题的屏幕截图

这是问题的屏幕截图

Wil*_*oft 12

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

而不是像这样嵌入youtube iframe:

<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/lzQgAR_J1PI" frameborder="0" wmode="Opaque">
Run Code Online (Sandbox Code Playgroud)

将?wmode = transparent添加到嵌入式链接中,如下所示:

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

这对我来说很有魅力.