层内容被FLASH遮挡解决办法

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

Window ” 在 Web 页上用影片自己的矩形窗口来播放应用程序,并且始终位于最顶层。
Opaque ” 显示页面上位于它后面的内容。
Transparent “使 HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。

Opaque “和”Transparent “都 可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于”Transparent”允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的 HTML 层可以透过该部分显示出来,而”opaque”则不会显示。

如果忽略此属性,默认值为 Window。仅适用于object。

Window速度快、有效率,但无法使用z-index,也没有办法混用于DHTML图层当中,这就是为什么常有人在抱怨自己的下拉菜单跑到Flash后面。

Opaque除了可以让你正确控制z-index的样式,也可以透过Javascript來控制它的大小或是移动swf的位置!不过要注意,Opaque的背景可是没有办法透明的,也就是说,任何內容都会被放在swf下面。

至 于Transparent,想当然,就是把flash的背景变成透明。让swf档案可以融入网页当中而不会出现讨厌的白底,不 过,transparent在IE里面是真的透明,也就是说,下面的网页內容是可以被选取起來的,但是在FF里面,就很讨厌了,因为虽然看起來透明,但是 滑鼠卻无法点选。另外,要稍微注意的是,使用这个值,会让你的flash影片变得比较慢!

方法如下:

一、设置flash置底,加个代码 :<param name=”wmode” value=”opaque” />但是只加这个代码,IE可行,在FF下,失效。要想在FF下起作用,还要用在object 里加个 wmode=”opaque” ,实例代码如下:

复制内容到剪贴板 程序代码

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0″ width=”600″ height=”248″>
<param name=”allowScriptAccess” value=”sameDomain” />
<param name=”allowFullScreen” value=”false” />
<param name=”movie” value=”flash/uploader.swf”>
<param name=”quality” value=”high”>
<param name=”wmode” value=”Opaque”>
<embed src=”flash/uploader.swf” wmode=”Opaque” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”600″ height=”248″></embed>
</object>

红色:解决IE下的遮住层问题。
绿色加粗:解决Firefox下的遮住层问题。

 二、设置flash为透明 :但是如果你在DW中插入动画,再加<param name=”wmode” value=”transparent”>是不生效的。要把整个的flash插件代码换成如下:

复制内容到剪贴板 程序代码

<object type=”application/x-shockwave-flash” data=”http://www.w3net.cn/images/banner.swf” width=”560″ height=”210″>
<param name=”movie” value=”http://www.w3net.cn/images/banner.swf” />
<param name=”wmode” value=”transparent” />
</object>

三、

复制内容到剪贴板 程序代码
在<body>中插入 οnblur=self.focus() 也就是<body οnblur=self.focus()>

这个方法没有作尝试,有试过的朋友给个结果,谢。

层内容被FLASH遮挡解决办法相关推荐

  1. linux日志中有空格,linux中统计排序的内容含有空白行的解决办法

    linux中统计排序的内容含有空白行的解决办法 废话不多说,直接上实例: 文件 sharkyun.log 的内容如下 [root@x201t ~]# cat -n sharkyun.log 1http ...

  2. Microsoft word “很抱歉,无法打开xxx.docx,因为内容有问题” 的解决办法

    0.要解决的问题:写了好多天的论文,今天编辑了一大堆图片和公式,想着备份一下,于是关闭文档再重新打开的时候,发现打不开了!!!显示详细错误是"前缀已声明",我当时就崩溃了啊 于是开 ...

  3. NIOS_II填坑之路——EPCS出现“Cannot open flash device”解决办法

    读写EPCS出现"Cannot open flash device"的解决办法 SOPC填坑--第n天 代码看了千万遍,Debug千万遍,alt_flash_open_dev(EP ...

  4. bootstrap-table 表头和内容对不齐解决办法

    偶然机会学习bootstrap,表格利用bootstrap-table实现,使用bootstrap-table过程中,发现了一个非常棘手的问题,在ie浏览器中,表格的表头和内容对不齐,特别是列比较多且 ...

  5. element表格错位问题(表头和表格内容没有对齐)解决办法

    element表格错位问题,表头和表格内容没有对齐,如下图: 解决办法: 在入口文件App.vue 样式中加以下内容: body .el-table th.gutter {display: table ...

  6. Kindeditor上传本地图片成功后不回显,弹出层也不关闭,解决办法

    一. 只要本地上传,不要网络图片,的方法:把kindeditor一个image.js中 allowImageRemote = K.undef(self.allowImageRemote, true) ...

  7. Xshell中鼠标选中内容自动换行ctrl+c解决办法

    之前一直用Xshell,后来电脑死机了,不得不重装了系统,再次安装qtranslate发现和xshell有冲突,开启划词翻译后,鼠标左键选中内容后,都会在xshell终端展示为ctrl+c,自动换行了 ...

  8. SQL Server打开数据表中的XML内容时报错的解决办法

    从SQL Server2005开始提供了一种新的数据类型XML type,它允许用户将数据以XML文件的格式直接存储到数据表中.结合在ASP.NET中使用Linq to Sql,我们可以非常方便地将X ...

  9. 阿里云服务器的网站被提示该内容禁止访问的解决办法

    最近手机短信和邮箱总是收到阿里云的违规URL通知,意思是网站存在违规URL地址,导致被短信或邮箱通知,关键问题是天天给我发这个通知,实在太烦了,直接阻断了域名被提示该内容被禁止访问,集团网站的领导打电 ...

最新文章

  1. 第一天学习Android的一些笔记
  2. 文档型数据库mongodb介绍2-副本集
  3. idea2019.x配置Gradle
  4. androidSDK配置环境变量
  5. springBoot整合Listener
  6. 一键安装lamp脚本--初级版
  7. NFC服务器在Linux,linux 安装 libnfc ,打开串口PN532
  8. TensorFlow简介:向量对象
  9. php screw.so扩展下载,CentOS下安装php加解密工具php
  10. ie 代理设置中地址和端口置灰的解决办法
  11. html5world笔记
  12. Eclipse的界面语言
  13. android打开cad文件怎么打开方式,dwg文件怎么打开_手机上dwg文件用什么程序可以打开...
  14. linux ftp prompt off,FTP命令详解及使用技巧
  15. ps随意改变图层形态
  16. List of music used by Apple Inc.
  17. 思科isis路由的优先级_通过改变 EIGRP 度量值设置优先路由
  18. 航天飞机电子计算机象征是什么,航天飞机的特点是什么
  19. python 循环十次_python机器学习——十次交叉验证训练的数据准备算法
  20. httpwatch11.1---专业版

热门文章

  1. postgresql 重启记录_PostgreSQL 高可用:PostgreSQL复制和自动故障转移
  2. java类成员和实例成员,Java 实例成员和类成员
  3. C++:extern关键字
  4. OpenCV辅助对象(help objects)(2)_Range
  5. Caffe中如果高效实现卷积层
  6. 为什么先编码再解码? 即先降采样,然后上采样
  7. 软件外部接口和内部接口_java中的内部类内部接口详解
  8. python用字典统计出现次数_python 字典(dict)列表(list),统计重复出现字典的数量...
  9. phpcms 后台设置 posid 推荐位(支持多选) - 教程篇
  10. rocketchat聊天服务器 v3.11.1