当前位置:Gxlcms > html代码 > html元素遮挡flash详解示例_HTML/Xhtml_网页制作

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

时间:2021-07-01 10:21:17 帮助过:38人阅读

代码如下:

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


Jununx,欢迎您!--transparent






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


Jununx,欢迎您!--window





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

DEMO页:


代码如下:





HTML元素遮挡Flash - 情景2






Jununx,欢迎您!--window





iframe页:


代码如下:





HTML元素遮挡Flash - 情景3







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




人气教程排行