HTML 覆盖在 swf flash 影片上
即使绝对定位和 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
将 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.
您需要将 wmode 设置为透明(在两个元素上),并确保重叠的 div 具有比 Flash 影片更高的 z-index。这是您更新后的代码。
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.