如何将div置于全屏闪光灯的前面

问题描述

| 是否可以将div置于全屏Flash电影的前面？如果有可能怎么办？我想在我的网站上制作一个小盒子，并在其中放置一些链接，并将其放置在我网站上正在播放的Flash电影的顶部，以便用户可以在那里找到快捷方式。我不想将链接放在Flash动画中：D 谢谢！

解决方法

这是您的操作方式。嵌入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>

div 全屏前面置于闪光灯

如何将div置于全屏闪光灯的前面

问题描述

解决方法

相关问答