如何制作带有透明背景的Flash动画

Question

这个页面来自Adobe，建议添加一个“wmode”参数，并将其值设置为“transparent”：http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_1420 在IE中可以完美运行。在Firefox和Safari中背景正确渲染，但只要使用浏览器的滚动条，然后鼠标悬停在Flash控件上，就必须单击一次才能激活该控件。如果您尝试点击Adobe示例中的播放按钮，则可以看到此行为。

有人知道如何解决这个问题吗？

- Shawn Miller

Answer 1

另外需要注意的是，将wmode设置为透明有一些问题。例如，在某些旧版本的Firefox（2.0之前）中可能会破坏滚动功能（Flash保持在同一位置，无视滚动）。此外，在文本框中使用ALT键组合时，wmode设置为透明可能会出现问题。

此外，如果您需要在Flash内容上方放置HTML内容（一般情况下不建议，但也有一些情况下很有用），则应该使用wmode = transparent。

- grapefrukt

Answer 2

你知道在嵌入时可以设置背景颜色吗？

在定义对象和/或嵌入标签时，以下属性是可选的。对于对象，除非另有规定，否则所有属性都在 param 标签中定义：

bgcolor - [十六进制 RGB 值] 格式为 #RRGGBB。指定电影的背景颜色。使用此属性覆盖 Flash 文件中指定的背景颜色设置。此属性不会影响 HTML 页面的背景颜色。

从 http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701&sliceId=1 复制并粘贴。

- grapefrukt

Answer 3

在进一步研究之后，我同意 @grapefrukt 的观点。将 wmode 设置为 transparent 会导致各种奇怪的问题，我认为应该避免使用它。

相反，我选择将背景颜色作为参数传递。我使用以下 ActionScript 绘制背景。

var parameters:Object = LoaderInfo(this.root.loaderInfo).parameters;
opaqueBackground = parameters["background-color"];

编辑：感谢@grapefrukt提醒我有bgcolor参数（这使得上面的ActionScript完全不必要）

- smiller

Answer 4

启用无窗口模式（wmode =）使嵌入式Flash的行为和渲染与其他元素完全相同。否则，它将在单独的步骤中呈现，并仅覆盖在浏览器窗口上。

Flash元素可能失去焦点吗？听起来像是输入焦点被移动到滚动条，然后您必须将其移回。

此外，您没有明确指出焦点问题是否仅存在于FF还是IE中。

- Mark Renouf

Answer 5

Adobe的示例在Firefox 3.0.1中“正常工作”，即背景是透明的。然而，在Firefox 3.0.1和Safari 3.1.2中，您必须点击两次播放按钮才能看到动画。

- Shawn Miller