如何将 div 置于全屏闪光灯前答案

【问题标题】：How to bring a div in front of a fullscreen flash如何将 div 置于全屏闪光灯前
【发布时间】：2011-05-26 17:33:16
【问题描述】：

是否可以在全屏的 Flash 电影前面添加一个 div？

如果可能，我该怎么做？我想在我的站点中制作一个小框，并在其中放置一些链接，并将其放置在我站点中正在播放的 Flash 电影的顶部，以便用户可以在那里使用快捷方式。

我不想将链接放在 Flash 动画中：D

谢谢！

【问题讨论】：

为什么不直接把链接放到你的flash中呢？是的，你可以覆盖一个 div 完全取决于你如何嵌入你的 flash
好吧，我不想把链接放在 flash 中，因为我也想使用 youtube flash

标签： flash html

【解决方案1】：

这就是你的做法。确保在嵌入 swf 时将 wmode 设置为透明，这是一个适合您的单页示例。 overFlash div 将出现在影片上方。希望这会有所帮助！

<html>
    <head>
        <title>test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css" media="screen">
        html, body { height:100%; background-color: #ffffff;}
        body { margin:0; padding:0; overflow:hidden; }
        #flashContent { width:100%; height:100%; }
        #overFlash{padding:20px;background-color:#D9D9D9;width:150px;position:absolute;left:300px}
        </style>
    </head>
    <body>
        <div id="overFlash">
            OVER FLASH!
        </div>

        <div id="flashContent">
            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" id="test" align="middle">
                <param name="movie" value="test.swf" />
                <param name="quality" value="high" />
                <param name="bgcolor" value="#ffffff" />
                <param name="play" value="true" />
                <param name="loop" value="true" />
                <param name="wmode" value="transparent" />
                <param name="scale" value="showall" />
                <param name="menu" value="true" />
                <param name="devicefont" value="false" />
                <param name="salign" value="" />
                <param name="allowScriptAccess" value="sameDomain" />
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="test.swf" width="550" height="400">
                    <param name="movie" value="test.swf" />
                    <param name="quality" value="high" />
                    <param name="bgcolor" value="#ffffff" />
                    <param name="play" value="true" />
                    <param name="loop" value="true" />
                    <param name="wmode" value="transparent" />
                    <param name="scale" value="showall" />
                    <param name="menu" value="true" />
                    <param name="devicefont" value="false" />
                    <param name="salign" value="" />
                    <param name="allowScriptAccess" value="sameDomain" />
                <!--<![endif]-->
                    <a href="http://www.adobe.com/go/getflash">
                        <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>
        </div>
    </body>
</html>

【讨论】：

啊废话 - 我没有阅读你关于全屏的完整问题。对不起，这对你没有帮助。据我所知，您实际上不能全屏使用 HTML，因为此时您还没有与浏览器打交道...
哈，我也错过了全屏。所以答案是否定的，你不能在全屏模式下覆盖一个 div。全屏模式下没有 html。您可能想研究 youtube api，看看是否有可以使用的东西。
好的，谢谢你们，我知道我很少有机会通过 html 完成这项工作 :) 但至少我已经尝试过 :)。我会给 onekidney 的答案，因为也许可以帮助别人......