ImageVerifierCode 换一换
格式:DOC , 页数:4 ,大小:25.50KB ,
资源ID:1181669      下载积分:10 金币
快捷下载
登录下载
邮箱/手机:
温馨提示:
快捷下载时,用户名和密码都是您填写的邮箱或者手机号,方便查询和重复下载(系统自动生成)。 如填写123,账号就是123,密码也是123。
特别说明:
请自助下载,系统不会自动发送文件的哦; 如果您已付费,想二次下载,请登录后访问:我的下载记录
支付方式: 支付宝    微信支付   
验证码:   换一换

加入VIP,免费下载
 

温馨提示:由于个人手机设置不同,如果发现不能下载,请复制以下地址【https://www.docduoduo.com/d-1181669.html】到电脑端继续下载(重复下载不扣费)。

已注册用户请登录:
账号:
密码:
验证码:   换一换
  忘记密码?
三方登录: 微信登录   QQ登录   微博登录 

下载须知

1: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。
2: 试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓。
3: 文件的所有权益归上传用户所有。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 本站仅提供交流平台,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

版权提示 | 免责声明

本文(html元素遮挡flash详解示例_0.doc)为本站会员(kuailexingkong)主动上传,道客多多仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知道客多多(发送邮件至docduoduo@163.com或直接QQ联系客服),我们立即给予删除!

html元素遮挡flash详解示例_0.doc

1、 html 元素遮挡 flash 详解示例代码如下:wmode 参数:transparent 模式:可用 z-index 控制层级opaque 模式:可用 z-index 控制层级window 模式: flash 层级在浏览器核心显示窗口之上,flash 会盖住与他重合的 html情景 1(可修改 flash 的 wmode 参数)修改 wmode 属性为,transparent 或 opaqueDEMO 如下:代码如下:!doctype htmlhtml lang=“en“headmeta charset=“UTF-8“title HTML 元素遮挡 Flash - 情景 1 /titles

2、tylehtml, body, object, embed padding: 0; margin: 0; .m-box position: relative; /p p .m-flash, .m-flash embed width: 400px; .m-shadow position: absolute; top: 0; left: 0; width: 100px; height: 100px; background-color: #ccc; /style/headbody!-transparent-div class=“m-box“object class=“m-flash“ classid

3、=“clsid:D27CDB6E-AE6D-11cf-96B8-444553540000“param name=“src“ value=“a href=“http:/ name=“wmode“ value=“transparent“/embed wmode=“transparent“ src=“a href=“http:/ p div class=“m-shadow“Jununx,欢迎您!-transparent/div/div/p p!-opaque-div class=“m-box“object class=“m-flash“ classid=“clsid:D27CDB6E-AE6D-11

4、cf-96B8-444553540000“param name=“src“ value=“a href=“http:/ name=“wmode“ value=“opaque“/embed wmode=“opaque“ src=“a href=“http:/ p div class=“m-shadow“Jununx,欢迎您!-opaque/div/div/p p/body/html情景 2(不可修改 flash 的 wmode 参数)- flash 和你的 iframe 遮挡层在同一个页面注:如果要兼容 Safari、Opera,那么请直接告诉需求这个遮不了 DEMO 如下:代码如下:!doct

5、ype htmlhtml lang=“en“headmeta charset=“UTF-8“title HTML 元素遮挡 Flash - 情景 2 /titlestylehtml, body, object, embed padding: 0; margin: 0; .m-box position: relative; /p p .m-flash, .m-flash embed width: 400px; .m-flash position: relative; z-index: 1; .m-shadow position: absolute; top: 0; left: 0; z-inde

6、x: 2; width: 100px; height: 100px; background-color: #ccc; .m-shadow-txt position: absolute; z-index: 2; .m-shadow-ifr position: absolute; z-index: -1; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); /style/headbody!-window-div class=“m-box“object class=“m-flash“ classid=“clsid:D27C

7、DB6E-AE6D-11cf-96B8-444553540000“param name=“src“ value=“a href=“http:/ name=“wmode“ value=“window“/embed wmode=“window“ src=“a href=“http:/ p div class=“m-shadow“div class=“m-shadow-txt“Jununx,欢迎您!-window/diviframe class=“m-shadow-ifr“ frameborder=“0“/iframe/div/div/p p/body/html情景 3(不可修改 flash 的 w

8、mode 参数)- flash 是被一个 iframe 页面引入的注:如果木有权限操作 iframe 页面,那么请直接告诉需求这个遮不了注:如果要兼容Safari、Opera,那么请直接告诉需求这个遮不了DEMO 页:代码如下:!doctype htmlhtml lang=“en“headmeta charset=“UTF-8“title HTML 元素遮挡 Flash - 情景 2 /titlestylehtml, body, object, embed padding: 0; margin: 0; .m-box position: relative; /p p .m-flash posit

9、ion: relative; width: 400px; height: 400px; z-index: 1; .m-shadow position: absolute; top: 0; left: 0; z-index: 2; width: 100px; height: 100px; background-color: #ccc; .m-shadow-txt position: absolute; z-index: 2; .m-shadow-ifr position: absolute; z-index: -1; width: 100%; height: 100%; opacity: 0;

10、filter: alpha(opacity=0); /style/headbody!-window-div class=“m-box“iframe class=“m-flash“ src=“ifr.html“ frameborder=“0“/iframe/p p div class=“m-shadow“div class=“m-shadow-txt“Jununx,欢迎您!-window/diviframe class=“m-shadow-ifr“ frameborder=“0“/iframe/div/div/p p/body/htmliframe 页:代码如下:!doctype htmlhtm

11、l lang=“en“headmeta charset=“UTF-8“title HTML 元素遮挡 Flash - 情景 3 /titlestylehtml, body, object, embed padding: 0; margin: 0; .ifr position: absolute; z-index: 2; width: 100px; height: 100px; opacity: 0; filter: alpha(opacity=0); .m-flash position: absolute; z-index: 1; width: 400px; /style/headbody!-window-object class=“m-flash“ classid=“clsid:D27CDB6E-AE6D-11cf-96B8-444553540000“param name=“src“ value=“a href=“http:/ name=“wmode“ value=“window“/embed wmode=“window“ src=“a href=“http:/ piframe class=“ifr“ frameborder=“0“/iframe/body/html详细出处参考:http:/

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报