刚做了一个幻灯片广告,产品人员需要把flash放在第一个位置,然后其他的都是图片,但是当幻灯片切换到第一个时,圆形tab元素消失了,只有在谷歌浏览器下面正常,flash盖住了firebug,无法用定位和z-index设置来解决。
后来换了个思路,发现是flash透明问题,顿时意识到。
导致原因:flash默认在最高层(就像object,如网页播放器,弹出菜单),但flash可以通过设置放置在层下。让我们介绍一下以下方法。先看截图:
正常情况:
异常情况:
解决方法:
<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。
好吧,完成工作~~~~