您现在的位置是:网站首页> 编程资料编程资料

html元素遮挡flash详解示例如何让Flash不遮挡HTML div元素的技巧

2023-10-10 284人已围观

简介 这篇文章主要介绍了html元素遮挡flash详解示例,需要的朋友可以参考下


复制代码
代码如下:

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

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

DEMO如下:
 

复制代码
代码如下:





HTML元素遮挡Flash - 情景1






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如下:
 

复制代码
代码如下:





HTML元素遮挡Flash - 情景2






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页:
 

复制代码
代码如下:





HTML元素遮挡Flash - 情景2






Jununx,欢迎您!--window





iframe页:
 

复制代码
代码如下:





HTML元素遮挡Flash - 情景3





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

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





相关内容

-六神源码网