在网页设计中，有时我们希望将 Flash 动画设置为铺满整个浏览器窗口，不显示任何其他内容，实现真正意义上的“全屏沉浸式”体验。本文将通过一个简单的示例，介绍如何借助 Flash 发布设置与 CSS 样式来实现这一效果。

✅ 实现步骤

第一步：设置 Flash 发布选项

  1. 在 Flash MX 2004（或其他版本）中打开您的 Flash 源文件（.fla）；

  2. 进入「文件」菜单 → 选择「发布设置」；

  3. 在弹出的窗口中切换到 HTML 选项卡，按以下方式设置属性：

    • 尺寸：百分比（%）

    • 宽度：100%

    • 高度：100%

  4. 点击「发布」按钮，生成 .swf 文件和 .html 文件。

flash设置

 第二步：修改生成的 HTML 文件

发布后会得到一个 .html 文件，用文本编辑器（如记事本）打开，其初始结构如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>myfile</title>
</head>
<body bgcolor="#ffffff">
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
            codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" 
            width="100%" height="100%" id="myfile" align="middle">
        <param name="allowScriptAccess" value="sameDomain" />
        <param name="movie" value="myfile.swf" />
        <param name="quality" value="high" />
        <param name="scale" value="noscale" />
        <param name="bgcolor" value="#ffffff" />
        <embed src="myfile.swf" quality="high" scale="noscale" bgcolor="#ffffff" 
               width="100%" height="100%" name="myfile" align="middle" 
               allowScriptAccess="sameDomain" type="application/x-shockwave-flash" 
               pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
</body>
</html>

第三步：添加 CSS 样式以去除浏览器默认边距

在 <head> 区域中加入以下 CSS 代码，消除页面默认的外边距，使 Flash 真正充满整个窗口：

<style type="text/css">
<!--
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
html {
    width: 100%;
    height: 100%;
}
-->
</style>

⚠️ 注意事项

  • 请确保 Flash 发布时宽高设置为百分比模式；

  • 某些浏览器默认带有 <body> 边距，必须通过 CSS 清除；

  • 若仍然存在滚动条，可设置 overflow: hidden 隐藏溢出部分。

�提示：虽然 Flash 技术目前已逐步被 HTML5 取代，本方法仍适用于一些传统项目的维护或本地演示环境。