Question

我正在开发一个项目，我需要制作一个填充整个浏览器窗口的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>

Answer 1

HTML和CSS看起来很好。我刚刚使用Firefox 3.6和Flash Player 10.1以及swfobject的最新版本（2.2）进行了测试。显示的SWF完全填充浏览器窗口。 SWF顶部没有白条。

如果您仍在使用旧版本，请尝试升级到最新版本的swfobject。

BTW：您可以删除CSS的第二行。这是多余的。

HTML - 如何使SWF全屏？

1 个答案: