html元素遮挡flash详解示例
2014-04-22来源:

这篇文章主要介绍了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

Baidu
map

情景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

Baidu
map

情景3(不可修改flash的wmode参数)-- flash是被一个iframe页面引入的

注:如果木有权限操作iframe页面,那么请直接告诉需求这个遮不了注:如果要兼容Safari、Opera,那么请直接告诉需求这个遮不了

DEMO页:

代码如下:

HTML元素遮挡Flash - 情景2

Jununx,欢迎您!--window

Baidu
map

iframe页:

代码如下:

HTML元素遮挡Flash - 情景3

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

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

Baidu
map

更多信息请查看IT技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息
Baidu
map