html元素遮挡flash详解示例
来源: 阅读:667 次 日期:2016-06-23 09:56:30
温馨提示: 小编为您整理了“html元素遮挡flash详解示例”,方便广大网友查阅!

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

更多信息请查看 网页制作
手机网站地址: html元素遮挡flash详解示例
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们| 联系我们| 人才招聘| 网站声明| 网站帮助| 非正式的简要咨询| 简要咨询须知| 加入群交流| 手机站点| 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:
咨询QQ:526150442(9:00—18:00) 版权所有:
云南网警报警专用图标
Baidu
map