wmode解决flash透明及层深问题

在做web开发中可能会遇到flash遮挡页面中元素的情况,无论怎么设置flash容器和层的深度(z-index)也无济于事,现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”,但wmode属性到底是什么意义,为什么可以解决这个问题呢?

window mode(wmode)

wmode即窗口模式总共有三种,看看当年Macromedia官方的说法:

window 模式

默认情况下的显示模式,在这种模式下flash player有自己的窗口句柄,这就意味着flash影片是存在于Windows中的一个显示实例,并且是在浏览器核心显示窗口之上的,所以flash只是貌似显示在浏览器中,但这也是flash最快最有效率的渲染模式。由于他是独立于浏览器的HTML渲染表面,这就导致默认显示方式下flash总是会遮住位置与他重合的所有DHTML层。

但是大多数苹果电脑浏览器会允许DHTML层显示在flash之上,但当flash影片播放时会出现比较诡异的现象,比如DHTML层像被flash刮掉一块一样显示异常。

Opaque 模式

这是一种无窗口模式,在这种情况下flash player没有自己的窗口句柄,这就需要浏览器需要告诉flash player在浏览器的渲染表面绘制的时间和位置。这时flash影片就不会在高于浏览器HTML渲染表面而是与其他元素一样在同一个页面上,因此你就可以使用z-index值来控制DHTML元素是遮盖flash或者被遮盖。

Transparent 模式

透明模式,在这种模式下flash player会将stage的背景色alpha值将为0并且只会绘制stage上真实可见的对象,同样你也可以使用z-index来控制flash影片的深度值,但是与Opaque模式不同的是这样做会降低flash影片的回放效果,而且在9.0.115之前的flash player版本设置wmode=”opaque”或”transparent”会导致全屏模式失效。

了解了各种模式的实现方式和意义在以后的开发中就可以按照具体情况选择设置wmode属性的值了。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/417713.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

url oracle default schema,oracle @Table中使用schema时insert报错

第一部分测试情况如下:maven修改com.alibabadruid1.1.10实体类Table(name "dpcenter.xeuser")public class OUser {private String userid;private String username;...}测试代码public static void main(String[] args) {OracleStyle stylenew OracleStyle();Conne…

如何在intellj Idea中给新建的项目添加jar包?

1. 假如我加入joda.jar 2. 找到发布的你想要的jar包,下载! 3. 解压刚下载的jar包,复制 4. 在intellj idea中新建一个java项目,然后创建一个专门用于放jar的lib文件夹, 然后添加ctrlv 黏贴刚复制的jar包, 然…

outerDocument访问外部属性方法

使用"outerDocument.name"来访问外部的控件或者属性。

matlab builder for java下载,Matlab Builder JA - Compile Matlab into a Java jar - Free Version?

问题Please keep in mind that I know nothing about Matlab.Matlab Builder JA lets developer build Matlab applications and export them into Java jars. Thats great, I just have to produce a jar and I can then use it from other java code.Does anyone know how mu…

LintCode 两两交换链表中的节点

给一个链表,两两交换其中的节点,然后返回交换后的链表。 样例 给出 1->2->3->4, 你应该返回的链表是 2->1->4->3。 分析:第一次调试的时候用了P1 然后超时调整不过,之后没用p1 就可以了。。 /*** Definition fo…

flash调用摄像头弹出设置框监听

<?xml version"1.0" encoding"utf-8"?> <mx:Application xmlns:mx"http://www.adobe.com/2006/mxml" layout"horizontal" verticalAlign"middle" backgroundColor"white">…

git合并多个提交

git合并多个提交 [时间&#xff1a;2016-11] [状态&#xff1a;Open] [关键词&#xff1a;git&#xff0c;git rebase&#xff0c;合并提交&#xff0c;commit] 0. 引言 本文是关于Git提交记录修改的方法&#xff0c;主要是将多个提交记录合并为一个&#xff0c;然后提交。这里…

js声明php变量,vue.js怎样声明变量

vue.js声明变量的方法&#xff1a;1、使用let定义&#xff0c;let是块级作用域&#xff0c;函数内部使用let定义后&#xff0c;对函数外部无影响&#xff1b;2、使用var定义&#xff0c;var定义的变量可以修改&#xff1b;3、使用const定义&#xff0c;const定义的变量不可以修…

使用Flex生成GUID

使用UIDUtil.createUID()方法可以生成一个GUID&#xff0c;UIDUtil在mx.utils.UIDUtil包里 var newGUID:StringUIDUtil.createUID();

Flex与JavaScript的交互:调用JavaScipt或者被JavaScript调用

一、在JavaScript中调用Flex方法 在Flex中可以用ExternalInterface来调用Flex的方法&#xff0c;途径是 1.通过在Flex应用可调用方法列表中添加指定的公用方法。在Flex应用中通过调用addCallback()可以把一个方法添加到此列表中。addCallback将一个ActionScript的方法注册为一个…

05_HttpClient_模拟登陆

[留个沙发]转载于:https://www.cnblogs.com/HigginCui/p/6118729.html

zval php,PHP内核之zval

这篇文章主要介绍的内容是关于PHP内核之zval&#xff0c;有着一定的参考价值&#xff0c;现在分享给大家&#xff0c;有需要的朋友可以参考一下

前端学习(2173):动态路由的跳转

app.vue <template><div id"app"><router-link to"/home">首页</router-link><router-link to"/about">关于</router-link><router-link v-bind:to"/user/userId">用户</router-link&g…

flex上传文件代码

带页面返回值处理的<s:Application xmlns:fx"http://ns.adobe.com/mxml/2009" xmlns:s"library://ns.adobe.com/flex/spark" xmlns:mx"library://ns.adobe.com/flex/mx" creationComplete"init()" xmlns:local"*…

前端测试框架 jasmine 的使用

最近的项目在使用AngulaJs,对JS代码的测试问题就摆在了面前。通过对比我们选择了 Karma jasmine ,使用 Jasmine做单元测试 &#xff0c;Karma 自动化完成&#xff0c;当然了如果使用 Karma jasmine 前提是必须安装 Nodejs。 安装好 Nodejs &#xff0c;使用 npm 安装好必要…

windows执行oracle脚本,Windows下通过计划任务执行数据库备份脚本

Windows 下通过计划任务执行数据库备份脚本在Linux下可以通过crontab来设置定时执行数据库的备份脚本&#xff0c;同样Windows 下可以通过设定任务计划程序来设定要执行的自动备份脚本。具体的设定过程不再详述&#xff0c;下面分别为Oracle和MySQL的备份脚本&#xff1a;1.Win…

js调用WebService(复杂对象传入)[原创]

原创地址&#xff1a;http://longtianyu1.blog.163.com/blog/static/998196520111019315663/ 实现原理&#xff0c;通过POST SOAP 1.2协议内容&#xff0c;实现复杂对象的传入 POST /Main.asmx HTTP/1.1Host: localhostContent-Type: application/soapxml; charsetutf-8Content…

C#操作 MongoDB【原创】

MongoDB下载地址&#xff1a;http://www.mongodb.org/downloads Mongo C# Driver驱动下载地址&#xff1a; https://github.com/mongodb/mongo-csharp-driver MongoDB所有语言的驱动列表 LanguagePackagesSourceAPI ReferenceCsource tarballsGitHubAPIC#packagesGitHubAPICso…

React 相关资料

learncodeacademy/react-js-tutorialsMobX 转载于:https://www.cnblogs.com/skating/p/6125178.html