如何在全屏闪光灯前面加一个div

时间:2011-05-26 17:33:16

标签: flash html

是否可以在全屏幕闪光电影前放置一个div?

如果有可能,我该怎么做?我想在我的网站上制作一个小盒子,并在其中放置一些链接,并将其放置在我的网站上播放的Flash电影的顶部,以便用户可以在那里有快捷方式。

我不想把链接放在flash动画中:D

谢谢!

1 个答案:

答案 0 :(得分:2)

这是你如何做到的。确保在嵌入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>