html元素遮挡flash详解示例_HTML/Xhtml_网页制作
- WBOY原创
- 2016-05-16 16:38:111432浏览
复制代码
代码如下:wmode参数：
transparent模式：可用z-index控制层级
opaque模式：可用z-index控制层级
window模式：flash层级在浏览器核心显示窗口之上，flash会盖住与他重合的html
情景1（可修改flash的wmode参数）
修改wmode属性为，transparent或opaque
DEMO如下：
复制代码
代码如下:
Jununx，欢迎您！--transparent
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 、歌剧，那就请直接告诉需求这根本不行
DEMO页面：
复制代码
代码如下：
Jununx，欢迎您！--window
iframe页：
复制代码
代码如下：HTML元素凸显Flash - 场景3