Question

我无法在flash电影上显示叠加div，说“请等待......”，即使绝对定位和z-index比flash电影本身更高。但叠加div仍然在闪现电影。这是为什么？我认为这与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>

非常感谢

Answer 1

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

<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>

Answer 2

将wmode设置为Opaque还允许您在Flash顶部层叠HTML元素，并且会增加您的性能，因为它不会涉及在Flash电影下面渲染任何内容，这与透明的wmode不同。我不确定这是否会解决滚轮问题。

swf flash电影上的HTML叠加

2 个答案: