详析html元素遮挡flash的实例

编辑作者:www.789mux.com    在线用户:71    标签: html    sp    元素   

当网页嵌入flash时会遮挡出JavaScript代码生成的div层,本文主要是以真实的学校教学管理系统为案例,为您详细html元素遮挡flash的实例,感兴趣的小伙伴们一起来探讨吧。

复制代码
代码如下:

wmode参数:
transparent模式:可用z-index控制层级
opaque模式:可用z-index控制层级
window模式:flash层级在浏览器核心显示窗口之上,flash会盖住与他重合的html

 

情景1(可修改flash的wmode参数)
修改wmode属性为,transparent或opaque

DEMO如下:
 
 

复制代码
代码如下:
 

 








 


 



http://www.aa.net/i/bookmark.swf">

http://www.aa.net/i/bookmark.swf">>

 

 


Jununx,欢迎您!--transparent

 

 



http://www.aa.net/i/bookmark.swf">

http://www.aa.net/i/bookmark.swf">>

 

 


Jununx,欢迎您!--opaque

 


 

 

 

 

情景2(不可修改flash的wmode参数)-- flash和你的iframe遮挡层在同一个页面
注:如果要兼容Safari、Opera,那么请直接告诉需求这个遮不了

DEMO如下:
 
 

复制代码
代码如下:
 

 

 

 










http://www.aa.net/i/bookmark.swf">

http://www.aa.net/i/bookmark.swf">>

 

 

 
Jununx,欢迎您!--window

 


 

 

情景3(不可修改flash的wmode参数)-- flash是被一个iframe页面引入的
注:如果木有权限操作iframe页面,那么请直接告诉需求这个遮不了注:如果要兼容Safari、Opera,那么请直接告诉需求这个遮不了

DEMO页:
 
 

复制代码
代码如下:
 

 

 

 









 

 

 
Jununx,欢迎您!--window

 


 

 

iframe页:
 
 

复制代码
代码如下:
 

 

 

 










http://www.aa.net/i/bookmark.swf">

http://www.aa.cn/i/bookmark.swf">>

 



以上就是详析html元素遮挡flash的实例,你觉得对你有所帮助吗?有需要的朋友们看完后记得关注我们哦。

 

请发表您的评论