Google Chrome、Flash 和 z-index 错误行为 [英] Google Chrome, Flash and z-index wrong behaviour

问题描述

Google Chrome 无法正确显示 Flash 视频的 z-index.

Google Chrome is displaying the z-index of a Flash video incorrectly.

在 Firefox 或 Internet Explorer 中查看 http://maxusglobal.com/.

Take a look at http://maxusglobal.com/ in Firefox or Internet Explorer.

现在在 Chrome 中看看它.

Now take a look at it in Chrome.

页面顶部的大视频应该有一个预览"图像，在它的顶部有一个 z 索引.它适用于 Firefox 和 Internet Explorer，但不适用于 Google Chrome.

The big video at the top of the page should have a "preview" image z-indexed over the top of it. It does in Firefox and Internet Explorer, but not Google Chrome.

这似乎不是一个 WebKit 的事情，而是一个 Chrome 错误.

This doesn't seem to be a WebKit thing, but specifically a Chrome bug.

我已经尝试了所有 wmode(不透明、窗口和透明)，但这并不能解决问题.我也把Flash盒子的z-index改了，还是不行.

I have tried all the wmodes, (opaque, window and transparent), but this doesn't fix it. I also changed the z-index of the Flash box, but it is still not working.

推荐答案

将 wmode="transparent" 添加到您的 标签.像下面这样.

Add wmode="transparent" to your <embed> tag. Like the following.

<embed wmode="transparent" 
       height="314" width="516"
       type="application/x-shockwave-flash" 
       id="player"
       name="page_player" 
       src="/swfs/player.swf" 
       allowscriptaccess="always"
       allowfullscreen="true" 
       flashvars="file=/attachments/files/u_t_o_N_1.mp4">

如果不需要，隐藏 hello 图像的 div.

And hide the div of the hello image if that is not necessary.

我希望这会有所帮助！

这篇关于Google Chrome、Flash 和 z-index 错误行为的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！