swfobject // Chrome 和 IE 中的错误，在 FF 中有效 // 或 // 在 IE 和 Chrome 中修复，而不是 FF答案

【问题标题】：swfobject // error in Chrome & IE, works in FF // OR // Fixed in IE & Chrome and not FFswfobject // Chrome 和 IE 中的错误，在 FF 中有效 // 或 // 在 IE 和 Chrome 中修复，而不是 FF
【发布时间】：2012-10-13 22:30:29
【问题描述】：

使用 SWFObject 2.2，使用 swfobject_generator_1_2_air 编写代码以进行动态文件交换，我可以让我的 .swf 与静态图像交换，这在所有浏览器中都是我想要的。

不幸的是，当我在测试中使用 Chrome 22 和 IE9 64x 中的 .swf 时，css 导航菜单隐藏在 .swf 后面。但是，Opera & FF 16.0.1 on Win7 64x I 菜单并没有隐藏在 .swf 后面

我以为我有来自 this question 的解决方案。然而，在添加

params.wmode = "opaque";

修复了 Chrome 和 IE 中的导航菜单错误，FF 失败。 Opera 在任一表现形式中都成功（添加或不添加上述代码）。我目前无法测试 Safari。

谢谢。

在 Chrome / IE9 中，Nav 部分隐藏在 .swf 后面，而 .swf / nav 都在 FF / Opera 中工作

<script type="text/javascript">
        var flashvars = {};
        var params = {};

        var attributes = {};
        attributes.id = "ULA AirX Backpack 360 photos";
        swfobject.embedSWF("360/airx/airx.swf", "myAlternativeContent", "400", "575", "9.0.0", false, flashvars, params, attributes);
    </script>

导航可见：Chrome & IE & Opera，但 FF 不显示 .swf

<script type="text/javascript">
        var flashvars = {};
        var params = {};
        params.wmode = "opaque";
        var attributes = {};
        attributes.id = "ULA AirX Backpack 360 photos";
        swfobject.embedSWF("360/airx/airx.swf", "myAlternativeContent", "400", "575", "9.0.0", false, flashvars, params, attributes);
    </script>

【问题讨论】：

如果没有实际的 HTML 代码进行测试，很难判断。
@Jay 谢谢...我可以提供更多。你推荐一个 bin 站点还是直接链接到页面？

标签： firefox google-chrome swfobject

【解决方案1】：

首先，将 SWF 设置为使用 wmode opaque 或 transparent。建议您坚持使用opaque，除非您确实需要 SWF 是透明的。 transparent 使用更多的 CPU 并引入了怪癖； opaque 被认为更安全。

其次，确保您在 CSS 中指定了position。它可以是absolute 或relative，但您需要指定它。（不，z-index 没有影响，因为 Flash Player 插件会忽略 z-index。）

请参阅此tutorial 以获取工作示例。

【讨论】：