我遇到的问题是Flash显然无法正确显示和/或功能在不同操作系统和浏览器之间被破坏 - 我一直认为这个问题根本不存在,因为Flash开发的本质是跨浏览器兼容性。
问题: 我正在为一个网站开发一个Flash模块,该网站显示了相当多的图像层以创建完整的图像。在Chrome,FireFox或Safari中使用Windows上的网站时,一切都按预期工作。当使用IE9时,一切都完全破裂,图像消失,透明度变得疯狂,文物遍布整个地方;功能甚至打破。在Mac上,使用FireFox或Safari,一切都正常显示,除了少数几个不会显示的图层(3),当可见性切换为true时,它们似乎会锁定浏览器。
这一切归结为这两个问题:
一些细节: 这是一个AS3项目。
这些是动态加载的.png文件,具有透明度。
包含这些加载图像的几个MovieClip实例的BlendMode设置为BlendMode.MULTIPLY,但是它是一个直接的图像显示列表。
当其他图像加载但只是关闭时,正在切换的图像会导致问题。它们使用Windows / Chrome | FireFox | Safari组合完美运行。
任何帮助将不胜感激!如果您需要更多详细信息,请告诉我其他信息可能有所帮助!提前致谢! -Jason
编辑:这是html / js嵌入代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Website</title>
<meta name="description" content="" />
<script src="js/swfobject.js"></script>
<script>
var flashvars = {
};
var params = {
menu: "false",
scale: "noScale",
allowFullscreen: "false",
allowScriptAccess: "always",
bgcolor: "",
wmode: "direct" // can cause issues with FP settings & webcam
};
var attributes = {
id:"Website"
};
swfobject.embedSWF(
"movie.swf",
"altContent", "960", "530", "11.2.0",
"expressInstall.swf",
flashvars, params, attributes);
</script>
<style>
html, body { height:100%; overflow:hidden; background-image:url('background.jpg'); background-repeat:no-repeat; }
body { margin:0; }
</style>
</head>
<body>
<div id="altContent">
<h1>Website</h1>
<p><a href="http://www.adobe.com/go/getflashplayer">Get Adobe Flash player</a></p>
</div>
</body>
</html>