在 Flash 上覆盖 html？ [复制]答案

【问题标题】：overlay html over flash? [duplicate]在 Flash 上覆盖 html？ [复制]
【发布时间】：2010-01-12 11:25:55
【问题描述】：

可能重复：
Div Z-Index issue with Flash movie

在这种情况下，是否可以在 Flash 动画上覆盖一段 html： -下面的flash内容不可点击 -html 将包含 js 链接单击，这将打开一个 iframe 弹出窗口，类似于：http://www.dynamic-tools.net/toolbox/popUp/

谢谢！

【问题讨论】：

标签： html flash iframe popup

【解决方案1】：

它不符合标准，但请尝试将wmode="transparent" 添加到embed 标记中，如下所示：

<object> 
    <!-- ... -->
    <param name="wmode" value="transparent"/> 
    <embed src="flash_file.swf" wmode="transparent"></embed> 
    <!-- ... -->
</object>

设置了这些参数后，flash 电影应该遵循 CSS z-index 设置。

【讨论】：

【解决方案2】：

基本上，Mike Koval 的答案将完成这项工作，即设置 wmode="transparent"。从 your own link 开始，所有其他 HTML/CSS/JS 内容将保持不变。

完整的嵌入代码 HTML 版本（swfObject's generator）将是：

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="600" id="myFlashContent">
        <param name="movie" value="path/to/flash.swf" />
        <param name="wmode" value="transparent" />
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="path/to/flash.swf" width="800" height="600">
            <param name="wmode" value="transparent" />
        <!--<![endif]-->
            <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>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
</object>

在 JS 中使用swfObject 总是更好，例如：

var flashvars = {};
var params = {};
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("path/to/flash.swf", "id-of-the-div-the-flash-will-go", "800", "600", "9.0.0", false, flashvars, params, attributes);

【讨论】：