flash一直在最上方,设置z-index无效
flash一直在最上方,设置z-index无效
flash一直在最上方,设置z-index无效一、原因
在HTML中,如果嵌入Flash,默认会将flash放在页面的最上面。也就是说,即使用绝对定位,将z-index设的无穷高,页面里的任何元素还是无法将它盖住。
二、解决方法
在嵌入flash时,设置flash的wmode参数为opaque
1、针对IE 在<object></object>内加上参数<param name="wmode" value="opaque" />
2、针对FF 在<embed />内加上参数wmode="opaque"
即在网页中插入flash的代码类似如下
<object type=”application/x-shockwave-flash” data=”style/flash/001。swf” width=”400″ height=”400″>
<param name=”movie” value=“001。swf” />
<param name=”wmode” value=”opaque” />
<embed wmode=”opaque”></embed>
</object>
三、扩展:flash嵌入的时候有几种模式
1、窗口(window)
默认情况下的显示模式。在这种模式下flash player有自己的窗口句柄,这就意味着flash视频是存在于Windows中的一个显示实例,是flash最快最有效率的渲染模式。由于他是独立于浏览器的HTML渲染,这就导致默认显示方式下flash总是会遮住位置与他重合的所有DHTML层。
2、不透明无窗口(opaque)
这是一种无窗口模式,在这种情况下flash player没有自己的窗口句柄,这就需要浏览器需要告诉flash player在浏览器中渲染的时间和位置。这时flash视频就不会在高于浏览器HTML元素,而是与其他元素一样在同一个页面上,因此你就可以使用z-index值来控制DHTML元素是遮盖flash或者被遮盖。
3、透明无窗口(transparent)
透明模式,在这种模式下flash player会将stage的背景色alpha值设为0,并且只会绘制stage上真实可见的对象,同样你也可以使用z-index来控制flash视频的深度值。
- CSS中 z-index 的用法
- css如何使用z-index(CSS中的z-index属性基本使用教程)
- Flash遮盖其它层,z-index无效
- flash一直在最上方,设置z-index无效
- CSS中z-index层叠顺序
- margin z-index怎么使用(margin 负值引起的层级z-index问题)
- 2主力后腰缺阵 泰山队奇兵有望获重用,赛季0出场,迎来中超首秀(泰山队奇兵有望获重用)
- 三分71 生死战爆发 篮网旧将丁威迪今天成奇兵,助队赢球(三分71生死战爆发)
- 《红 雄安》系列广播剧第一集 水上奇兵雁翎队(雄安系列广播剧第一集)
- 小说 小伙穿越成刘备,用现代知识指挥作战,众谋士都看呆了(小伙穿越成刘备)
- 解析葡萄牙6-1瑞士 进攻多点开花,贡萨洛-拉莫斯一战成名(解析葡萄牙6-1瑞士)
- 这支 奇兵队 腕大 有范儿还各怀绝技,毒贩杀人犯见了都要仓皇而逃(这支奇兵队腕大)
热门推荐
- sqlserver仲裁状态(使用 SQL 服务器时,"评估期已过期"错误消息解决方法)
- dedecms标签插入时间(dedecms修改按tag标签显示全站相关内容的方法)
- node.js缓存区(如何利用node实现静态文件缓存详解)
- visual studio怎么连接数据库(使用Visual Studio Code连接MySql数据库并进行查询)
- python画折线图(python使用Plotly绘图工具绘制水平条形图)
- C#获取上个月第一天和最后一天
- filezilla服务器支持断点续传吗(Filezilla Server配置FTP服务器提示操作超时的解决办法)
- 阿里云ecs属于哪种云服务(阿里的轻云服务器、虚拟主机、云服务器ECS的区别?)
- html5导航栏怎么设计(html5 横向滑动导航栏的方法示例)
- sqlserver存储过程使用变量(浅析SQL Server的嵌套存储过程中使用同名的临时表怪像)