在开发中可能会遇到flash遮挡住页面中元素的情况,无论怎么设置flash容器或者元素的深度(z-index)都不起作用。这是因为flash默认的渲染模式导致的。
解决方法如下:
在object或embed标签中加入"wmode"属性并设置为wmode="transparent"或"opaque"
<object>
    <param name="wmode" value="opaque"> 
    <embed  wmode="opaque"></embed>
</object>
wmode有以下三种模式:
window 模式
默认情况下的显示模式,在这种模式下flash player有自己的窗口句柄,这就意味着flash影片是存在于Windows中的一个显示实例,并且是在浏览器核心显示窗口之上的,所以flash只 是貌似显示在浏览器中,但这也是flash最快最有效率的渲染模式。由于他是独立于浏览器HTML的渲染表面,这就导致默认显示方式下flash总是会遮住位置与他重合的所有HTML层。
opaque 模式
这是一种无窗口模式,在这种情况下flash player没有自己的窗口句柄,这就需要浏览器告诉flash player在浏览器的渲染表面绘制的时间和位置。这时flash就不会在高于浏览器HTML渲染表面而是与其他元素一样在同一个页面上,因此就可以使用z-index值来控制HTML元素是遮盖flash还是被遮盖。
transparent 模式
透明模式,在这种模式下flash player会将stage的背景色alpha值将为0并且只会绘制stage上真实可见的对象,同样你也可以使用z-index来控制flash影片的深度值,但是与opaque模式不同的是这样做会降低flash影片的回放效果,而且在9.0.115之前的flash player版本设置wmode="opaque"或"transparent"会导致全屏模式失效。

转载于:https://www.cnblogs.com/dabingguai/p/5669498.html

如何让Div层悬浮在Flash Object对象之上!相关推荐

  1. Div层悬浮实现HTML5 Canvas背景动画

    在日常的学习中我接触到一些HTML5 Canvas动画,在开发 tiomg.org 太美在线工具网站 的时候,想将这些震撼或小清新的动画融合到工具网站中,这样可以使原本单调的网页看起来丰富和更有设计感 ...

  2. html5图片浮层,Div层悬浮实现HTML5 Canvas背景动画

    在日常的学习中我接触到一些HTML5 Canvas动画,在开发 tiomg.org 太美在线工具网站 的时候,想将这些震撼或小清新的动画融合到工具网站中,这样可以使原本单调的网页看起来丰富和更有设计感 ...

  3. 如何解决div层被flash遮盖的问题

    页面构建中的Flash层会遮挡Div的问题,一般通过设置wmode="transparent" 或wmode="window"就可以解决.不过对于Flash视频 ...

  4. 让DIV层位于flash对象之上

    让DIV层位于flash对象之上 作者:genius 日期:2005-11-15 在公司主页上放了一个浮动广告式的Online Support,是一个浮动层,可是在浮动到Flash上时,就会被Flas ...

  5. 层内容被FLASH遮挡解决办法

    层内容被FLASH遮挡解决办法 今天在调整公司网站是发现,在视频播放的页面,分享按钮弹出推荐层会被flash播放器遮挡,给层加上z-index也不起作用,如是去google了一下,找到一些方法: wm ...

  6. javascript实现div层移动的减速效果

    其实原理很简单,当一个div层从起始位置到最终终点位置(endX,endY)的过程中,假设每10ms移动一次.那么利用一个目标值(终点坐标)减去当前div层的位置除以一个定长来作为下次div层要移动的 ...

  7. js 拖动多div层,, IE,FF下多可行。

    <html> <head> <meta http-equiv="Content-Type" content="text/html;chars ...

  8. html js文本框文字列出,js实现文本框中输入文字页面中div层同步获取文本框内容的方法...

    这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下 本文实例讲述了js实现文本框中输入文字页面中 ...

  9. 点击文字弹出一个DIV层窗口代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...

最新文章

  1. 如何在实际中计划和执行一个机器学习和深度学习项目
  2. 【数理知识】矩阵束 Matrix Pencil
  3. vscode 运行html服务器运行_如何在vscode中调用浏览器运行html?
  4. 洛谷P3245 [HNOI2016]大数 【莫队】
  5. 开源 数据仓库_使用这些开源工具进行数据仓库
  6. html网页距离顶部50像素,HTML5 教程之CSS Padding(填充)
  7. 数字电视制播设备间的文件交换格式
  8. Java 蓝桥杯 字母图形
  9. 【STM32】 STM32驱动URM04超声波测距模块
  10. Citrix Bypass总结
  11. http协议编程java_Java与Http协议的详细介绍
  12. 正高、正常高和大地高的区别
  13. 此windows副本不是正版
  14. Blender-反转法线
  15. 人工智能轨道交通行业周刊-第14期(2022.9.12-9.18)
  16. Windows系统win10系统磁力种子文件下载软件推荐
  17. origin copy page图片不全
  18. 【DB笔试面试758】在Oracle的DG中,Switchover和Failover的区别有哪些?
  19. python snownlp情感分析_SnowNLP情感分析+生成词云
  20. 《微型计算机原理与接口技术》期末总复习 —— 一篇匆匆忙忙的复习笔记

热门文章

  1. 十二、偏向锁、轻量级锁、重量级锁,锁的膨胀过程
  2. es报Unexpected character (‘ï‘ (code 239)): was expecting comma to separate Object entries解决方法
  3. IEEE 754浮点数工业标准
  4. [笔记分享] [RTC] Alarm内核驱动分析
  5. oracle修改mem为手动管理,PSV内存修改金手指插件GoHANmem v2.00下载和使用教程
  6. [OHIF-Viewers]医疗数字阅片-医学影像-cornerstone-core-Cornerstone.js提供了一个完整的基于Web的医学成像平台。...
  7. 笔记2 IKAnalyzer扩展词库
  8. Linux下安装与配置aMule电驴
  9. manjaro deepin 闪屏_微信聊天“闪屏”特效,整蛊效果100分!
  10. Parallels Desktop 18.0.1 53056