我正在开发一个项目,我需要制作一个填充整个浏览器窗口的Flex应用程序(请注意,我的意思是工具栏应该是可见的,即使我说全屏也是如此)。
为了开发SWF我正在使用FlashDevelop(第一次)而且我被卡住了。当我构建项目时,它不显示错误,并生成文件website.swf。当我使用Firefox浏览此文件时,它会以全屏显示我想要的内容。但是当我转到生成的index.html时,我的屏幕顶部会出现一个白色的水平条(同样是浏览器窗口)。
我在互联网上看了一下,发现有几个人建议CSS应包含以下内容:
<style type="text/css">
html, body { margin:0; height:100%; overflow:hidden; }
body { margin:0; height:100%; width:100%;}
</style>
但这并没有为我减少,我还有白条。我到目前为止尝试了边距,顶部,宽度,高度和边框,似乎没有任何效果。
其他教程展示了如何在Firefox F11等效中制作SWF全屏,这不是我想要的(当我按F11 :()时它仍然显示恼人的白条。
编辑:此外,当我在“altContent”div上方添加一条额外的行,表示“Blub”时,此行将显示在白色栏中。
为了完整性,HTML,因为我希望这是问题所在:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Website</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="en" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script src="js/swfobject.js" type="text/javascript"></script>
<script type="text/javascript">
var flashvars = {
};
var params = {
menu: "false",
scale: "noScale",
allowFullscreen: "true",
allowScriptAccess: "always",
bgcolor: "#FFFFFF"
};
var attributes = {
id:"Website"
};
swfobject.embedSWF("Website.swf", "altContent", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>
<style type="text/css">
html, body { margin:0; height:100%; overflow:hidden; }
body { margin:0; height:100%; width:100%;}
</style>
</head>
<body>
<div id="altContent">
<h1>Website</h1>
<p>Alternative content</p>
<p><a href="http://www.adobe.com/go/getflashplayer"><img
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"
alt="Get Adobe Flash player" /></a></p>
</div>
</body>
</html>
HTML和CSS看起来很好。我刚刚使用Firefox 3.6和Flash Player 10.1以及swfobject的最新版本(2.2)进行了测试。显示的SWF完全填充浏览器窗口。 SWF顶部没有白条。
如果您仍在使用旧版本,请尝试升级到最新版本的swfobject。
顺便说一句:您可以删除CSS的第二行。那是多余的。