×

解决FLASH遮住其他层元素问题

作者:Web前端之家2013.08.06来源:Web前端之家浏览:8189评论:0
关键词:FLASH
微信公众号

微信公众号

刚做了个幻灯片广告,产品人员需要在第一个位置放flash,然后其他的都是图片,但是幻灯片切换到第一张的时候,圆圈tab元素不见了,只有在谷歌浏览器下面正常,用firebug看是被flash盖住了,,用定位和z-index设置始终没办法解决。

后面换了个思路想了下,发现是flash透明问题,顿时觉悟了。

导致原因:flash默认是在最高层的(和object如网页播放器,弹出菜单一样),但是flash可以有通过设置放到层的下面。下面介绍下方法吧,先看下截图:

正常情况:

2222.jpg

不正常情况:

11111.jpg

解决方法:

<object width="950" height="235" style="visibility: visible;" id="flash_container_1" data="http://testweb1.24k.hk:8090/upload/ad/20130725101702.swf" type="application/x-shockwave-flash" ></object>在flash插件里面加个wmode="transparent"属性即可,此属性是设置flash透明的。


既然提到wmode,就说下他的三个属性:

wmode 属性/参数值:Window | Opaque | Transparent
模板变量:$WM
说明:
“Window”在 Web 页上用影片自己的矩形窗口来播放应用程序。“Window”表明 Flash 应用程序与 HTML层没有任何交互,并且始终位于最顶层。
“Opaque” 使应用程序隐藏页面上位于它后面的所有内容。
“Transparent”使 HTML 页的背景可以透过应用程序的所有透明部分进行显示,这样可能会降低动画性能。
“Opaque windowless”和“Transparent windowless” 都可与 HTML 层交互,并允许 SWF文件上方的层遮蔽应用程序。这两种选项之间的差异在于“Transparent”允许透明,因此,如果 SWF 文件的某一部分是透明的,则SWF 文件下方的 HTML 层可以透过该部分显示出来。

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

好啦,写完收工~~~

温馨提示:本文作者系Web前端之家 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/flash-recove.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • aj008

    有时间的话,还是两个都要学哦,未来的市场谁也说不定。...

  • 访客

    看你的公司用啥了,其实感觉环境第一位。...

  • Web前端之家

    vue的生态应用在国内很强大,但是react更加适用于中大型公司。...

  • agg151

    感觉在国内,VUE应该要排第一。...

  • qianduan008

    三角形工具一直在用,这个CSS编辑器也很不错,希望继续分享新的前端工具哟!...

  • Web前端之家

    其实还好,但是中大型公司都是在用React。vue比较好入门。...

  • abner

    React比VUE难学啊。...

  • 访客

    多学技术永远是最好的...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2021 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.7 Valyria