新Chrome更新会导致wmode = transparent

时间:2011-12-22 16:38:19

标签: flash google-chrome transparent

最新版本的Chrome似乎已经破坏了我在SWF上的透明背景。在网站上,我使用flash在元素上面有一个透明视频。但是,在最新版本的Chrome下,背景现在是黑色的。

这个问题已被问过几次,但没有得到任何答案。

这是我的代码:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="280" id="vanessa" name="vanessa">
   <param name="movie" value="vanessa.swf" />
   <param name="wmode" value="transparent" />
   <embed id="vanessa"
          name="vanessa"
          src="vanessa.swf"
          width="300"
          height="280"
          wmode="transparent"
   />
</object>

可以在本网站的主页上看到实时预览:http://www.consomachat.com/

2 个答案:

答案 0 :(得分:4)

取自:http://www.google.com/support/forum/p/Chrome/thread?tid=2ca277b12bc29e35&hl=en 参考我上面的评论......

我找到了一个解决方案:这适用于IE,FF,Safari&amp;铬!它显示了可变的内容。

步骤1)incl。 SWFobject到你的头上:

<script type="text/javascript" src="swfobject.js"></script>

在此处获取最新版本:http://code.google.com/p/swfobject/downloads/list

步骤2)incl。以下代码进入你的身体

<object data="yourfile.swf" type="application/x-shockwave-flash" width="300"     height="280">
    <param name="allowScriptAccess" value="sameDomain">
    <param name="quality" value="best">
    <param name="wmode" value="transparent">
    <embed src="" quality="high" wmode="transparent" pluginspage="http://www.adobe.com/go/getflash" type="application/x-shockwave-flash" width="300" height="280"></embed>
    <param name="bgcolor" value="#ffffff" />
    <param name="movie" value="yourfile.swf" />

        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="yourfile.swf" width="300" height="280">
        <!--<![endif]-->
        <p>alternative content</p>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
</object>

澄清: 似乎最重要的是将wmode="transparent包含在<embed src

<embed src="" quality="high" wmode="transparent" pluginspage="http://www.adobe.com/go/getflash" type="application/x-shockwave-flash" width="300" height="280"></embed>

答案 1 :(得分:3)

我使用了TryTryAgain的答案,事实证明,为我修复它的部分是在初始对象标记中添加类型。

<object type="application/x-shockwave-flash" width="...">
</object>