欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html元素遮挡flash详解示例_HTML/Xhtml_网页制作

程序员文章站 2022-03-28 19:33:18
...
复制代码
代码如下:

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">>