为什么我的 Flash 动画会覆盖我的 div 位置？答案

【问题标题】：Why is my Flash animation overlaying my div position?为什么我的 Flash 动画会覆盖我的 div 位置？
【发布时间】：2009-02-08 00:19:59
【问题描述】：

我正在使用 FancyBox 生成弹出图像。

FancyBox（如果你好奇的话。）

它会弹出一个div 和z-index: 92;。

我正在运行的 Flash 动画远低于 z-index。

我的问题是在两个不同的 Firefox 浏览器（相同版本）中我得到不同的结果。

合而为一，一切正常。另一方面，Flash 动画出现在div 前面。我尝试刷新并重新启动浏览器，但总是出现同样的问题。

我知道其中一个屏幕截图来自 IE，但这仅作为参考。

我做错了什么？

http://www.my-clock.net/tmp/sreen01.jpg

alt text http://www.my-clock.net/tmp/sreen02.jpg

【问题讨论】：

我尝试使用 HTML img 标签缩放第一张图片，但它似乎不起作用。您能否缩放图像，因为它的宽度会破坏网站布局
啊，终于成功了。忘记在标签内引用宽度/高度。
顺便说一句，这就是为什么我喜欢混合使用表格和 div :)

标签： html css flash fancybox

【解决方案1】：

尝试在闪光灯上设置 wmode = 透明。无论您将其设置为什么 z-index，这都会防止 flash 覆盖所有内容。

【讨论】：

【解决方案2】：

您可以尝试将一些 CSS 代码粘贴到 w3schools TryIt Editor 以检查它是否正确以及 z-index 是否如您所想的那样工作。

【讨论】：

谢谢，至少我可以帮忙；）

【解决方案3】：

记住IE和其他浏览器需要分别设置wmode参数：

<param name="wmode" value="opaque" /> <!-- for IE -->
<embed src="images/banner/banner.swf" quality="high" wmode="opaque" ... <!-- for other browsers-->

【讨论】：

【解决方案4】：

虽然wmode=transparent 会起作用，但它会导致quite a performance hit。使用wmode=opaque 可能会获得更好的结果。

【讨论】：

【解决方案5】：

如果您无法更改 Flash 模式，因为它是来自 AdSense 等网络的横幅广告？

【讨论】：

如果您想知道答案，请创建一个问题