HTML 覆盖在 swf flash 影片上

发布于 2024-09-11 18:03:20 字数 1445 浏览 8 评论 0原文

即使绝对定位和 z-index 高于 Flash 影片本身,我也无法在 Flash 影片之上显示显示“请稍候...”的覆盖 div。但覆盖 div 仍然位于 Flash 影片后面。这是为什么?我认为这与嵌入/参数标签有关,但我不确定,请有人就此提出建议吗?

这是代码:

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

非常感谢

I'm having trouble displaying a overlay div saying "Please wait..." on top of a flash movie, even with absolute positioning and z-index highier than the flash movie itself. But the overlay div is still behing the flash movie. Why is that? I think it's something to do with embed/param tags but I'm not sure, please can someone advice me on this?

Here's the code:

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

Many Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

深居我梦 2024-09-18 18:03:20

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

Setting the wmode to Opaque will also allow you to layer HTML elements over top of flash and will increase your performance becuase it does not concern itself with rendering anything underneath the flash movie, unlike transparent wmode. I'm not sure if this will fix you scroll wheel issues though.

两相知 2024-09-18 18:03:20

您需要将 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>

You need to set the wmode to transparent (on both elements) and make sure your overlapping div has a higher z-index than your flash movie. Here's your updated code.

<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>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文