【发布时间】:2010-09-22 19:03:34
【问题描述】:
我正在做一个项目,我需要制作一个填充整个浏览器窗口的 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 时它仍然显示烦人的白条:()。
编辑:另外,当我在写有“Blub”的“altContent”div 上方放置一个额外的行时,该行将显示在白条中。
为了完整起见,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>
【问题讨论】:
-
您是否也尝试将填充设置为 0?
-
刚刚做了,没用 :( 谢谢你的建议!一点额外的信息:如果我添加 BLUB
BLUB
BLUB
BLUB
BLUB
BLUB
”在 -tag 和-tag 之间,SWF 向下移动。如果你把var params里面的bgcolor: "#FFFFFF"改成#FF0000,上面的白条会变成红条吗?不,当我将颜色更改为红色时,屏幕会短暂闪烁红色,然后返回正常(灰色)背景色。但是,白条不会闪烁红色。如果您使用 Firefox,能否将 Firebug 插件看到的 标签内容粘贴到我们这里?
标签: html apache-flex fullscreen