swf flash 电影上的 HTML 覆盖答案

【问题标题】：HTML overlay on a swf flash movieswf flash 电影上的 HTML 覆盖
【发布时间】：2010-07-27 10:59:08
【问题描述】：

我无法在 Flash 电影上显示覆盖 div，上面写着“请稍候...”，即使绝对定位和 z-index 高于 Flash 电影本身。但是覆盖 div 仍然是 Flash 电影。这是为什么？我认为这与 embed/param 标签有关，但我不确定，请有人给我建议吗？

代码如下：

<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
        id="OrderMap" width="100%" height="100%"
        codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
        <param name="FlashVars" value="OpenSpaceURL=http%3A%2F%2Fosdrsun02%3A7780%2Fosmapapi%2Fts%3FFORMAT%3Dimage%2Fpng%26KEY%3D6AE337502C265274E040007F010017F1%26URL%3Dhttp%3A%2F%2Flocalhost%3A8080%2F%2FOpenSpaceTilesTest.html%26SERVICE%3DWMS%26VERSION%3D1.1.1%26REQUEST%3DGetMap%26STYLES%3D%26EXCEPTIONS%3Dapplication%2Fvnd.ogc.se_inimage%26SRS%3DEPSG%3A27700" />
        <param name="movie" value="OrderMap.swf" />
        <param name="quality" value="high" />
        <param name="bgcolor" value="#ffffff" />
        <param name="allowScriptAccess" value="sameDomain" />
        <embed src="swf/OrderMap.swf" quality="high" bgcolor="#ffffff"
            width="100%" height="100%" name="OrderMap" align="middle"
            play="true"
            loop="false"
            quality="high"
            allowScriptAccess="sameDomain"
            type="application/x-shockwave-flash"
            pluginspage="http://www.adobe.com/go/getflashplayer">
        </embed>
</object>

非常感谢

【问题讨论】：

标签： html flash movie

【解决方案1】：

将 wmode 设置为 Opaque 还允许您将 HTML 元素叠加到 flash 之上，并提高您的性能，因为它不关心在 flash 电影下面渲染任何内容，这与透明 wmode 不同。不过，我不确定这是否能解决您的滚轮问题。

【讨论】：

【解决方案2】：

您需要将 wmode 设置为透明（在两个元素上）并确保重叠 div 的 z-index 高于 Flash 电影。这是您的更新代码。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
        id="OrderMap" width="100%" height="100%"
        codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"
        wmode="transparent">
        <param name="FlashVars" value="OpenSpaceURL=http%3A%2F%2Fosdrsun02%3A7780%2Fosmapapi%2Fts%3FFORMAT%3Dimage%2Fpng%26KEY%3D6AE337502C265274E040007F010017F1%26URL%3Dhttp%3A%2F%2Flocalhost%3A8080%2F%2FOpenSpaceTilesTest.html%26SERVICE%3DWMS%26VERSION%3D1.1.1%26REQUEST%3DGetMap%26STYLES%3D%26EXCEPTIONS%3Dapplication%2Fvnd.ogc.se_inimage%26SRS%3DEPSG%3A27700" />
        <param name="movie" value="OrderMap.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent">
        <param name="bgcolor" value="#ffffff" />
        <param name="allowScriptAccess" value="sameDomain" />
        <embed src="swf/OrderMap.swf" quality="high" bgcolor="#ffffff"
            width="100%" height="100%" name="OrderMap" align="middle"
            play="true"
            loop="false"
            quality="high"
            allowScriptAccess="sameDomain"
            type="application/x-shockwave-flash"
            pluginspage="http://www.adobe.com/go/getflashplayer">
        </embed>
</object>

【讨论】：

我刚试过你的答案，它有效，但现在电影的效率似乎降低了。基本上，这部电影是英国的 swf 地图，所以它用鼠标滚轮放大和缩小。修改了 embed/param 标签后，缩放就不起作用了，你知道为什么吗？（不好意思推）
啊，是的，我以前听说过这个错误 - 使用 wmode 时鼠标滚轮不起作用。不幸的是，没有简单的解决方案。看看这个帖子cookbooks.adobe.com/…