html中flash总在最上层的解决办法,z-index无法控制flash的解决办法
2013-03-16 20:50
260 查看
我们通过尝试各种手段在flash文件上面显示我们想要的DIV,但是都没有成功过!这是为什么呢?
我们分析一下:对于浏览器而言,flash的优先级高于DIV,所以如果flash文件设置了始终在最上的话,我们无论怎么修改样式都是徒劳的
那么这种情况又该如何处理,通过搜索和查阅资料得到如下两个解决办法
1、在层代码里面写上<iframe>标签,
<iframe src="/blog/javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>,因为<iframe>标签的优先级高于flash
2、直接在问题根本上面解决,通过设置flash文件wmode(显示模式)属性,该属性提供:
"Window" 在 Web 页上用影片自己的矩形窗口来播放应用程序,并且始终位于最顶层。
"Opaque" 显示页面上位于它后面的内容。
"Transparent"使 HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。
等三个值,这里设置为wmode="Opaque"就能实现我们的效果了
我们分析一下:对于浏览器而言,flash的优先级高于DIV,所以如果flash文件设置了始终在最上的话,我们无论怎么修改样式都是徒劳的
那么这种情况又该如何处理,通过搜索和查阅资料得到如下两个解决办法
1、在层代码里面写上<iframe>标签,
<iframe src="/blog/javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>,因为<iframe>标签的优先级高于flash
2、直接在问题根本上面解决,通过设置flash文件wmode(显示模式)属性,该属性提供:
"Window" 在 Web 页上用影片自己的矩形窗口来播放应用程序,并且始终位于最顶层。
"Opaque" 显示页面上位于它后面的内容。
"Transparent"使 HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。
等三个值,这里设置为wmode="Opaque"就能实现我们的效果了
相关文章推荐
- html中css无法控制下拉框select显示的解决办法用div+css来模仿的实例
- 去掉DEDECMS导航里的"index.html"的解决办法
- html + css 在设置了 z-index 属性后没效果的问题解决办法
- The request URL /index.html not fond 问题的解决办法
- react拷贝index.html很恶心之解决办法
- html层重叠 相同尺寸透明flash重叠的解决办法
- phpcms无法读取index.html的解决办法(Action does not exist)
- flash build找不到调试版plashplayer的解决办法
- flash 动态文本的中文粗体无法显示解决办法
- keil中出现Undefined symbol FLASH_PrefetchBufferCmd (referred from main.o)等问题解决办法
- Struts的html:errors没有显示的解决办法
- FLASH轮播广告 在谷歌浏览器中不显示的解决办法(FLash轮播放广告在谷歌浏览器中无法显示处理方法)
- 【转】使用ASP.NET或HTML时,浏览器(如IE7)提示“此网站使用脚本窗口向您索取信息”解决办法
- 解决Flash和html在多标签浏览器中互访问题
- 解决问题 “You don't have permission to access /index.html on this server.”
- 鼠标滑过网页上的flash文件时出现虚框额解决办法
- html两个元素中间的空白解决办法
- flash遮住div的解决办法。
- mac flash builder 4.7 打开闪退解决办法
- Ubuntu中Flash无法显示中文的解决办法