Question

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

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

的iframe弹出窗口

谢谢！

Answer 1

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

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

设置好这些参数后，flash影片应该服从CSS z-index设置。

Answer 2

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

完整嵌入代码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);

覆盖html over flash？

2 个答案: