Flash与DIV的层叠顺序问题_html/css_WEB-ITnose

php中文网
发布: 2016-06-24 11:34:59
原创
1059人浏览过

很多人在写页面代码时都会遇到过这样一个问题,那就是当flash与页面中的其它html结构有重叠的时候,默认情况下flash总是显示在最上 面,从而遮挡住了与它有重叠部分的html结构,就算为该flash或是html结构标签定义z-index属性却依然是无效的。

因为默认情况下在网页中添加的flash在浏览器中是以窗口模式存在的,是独立于浏览器的html结构渲染的,所以这种情况下的flash会遮盖住与它重叠的html。

在adobe flash的发布设置里关于html的设置有一项是“窗口模式”,这里面提供了三个选项,分别是:窗口(window)、不透明无窗口(opaque)、透明无窗口(transparent)。


这三种模式分别表示着flash在页面中的三种表现形式,根据这三种表现形式,我们就找到了解决这个问题的方法,就是将页面中的flash模式 (wmode)设置为不透明无窗口(opaque)或者是透明无窗口(transparent),在这两种模式下页面中的flash将与html结构是处 于同一级别的,所以就可以通过z-index来控制页面中的重叠部分到底是flash显示在上还是html结构显示在上。

当我们需要在页面中加载一个弹出flash广告时,并且不希望它被页面中的其它flash所遮挡时,就可以使用这种方法来解决。同样的如果这个弹出 flash是不规则形状的时候,就可以将模式(wmode)设置为透明无窗口(transparent),这样即可以除去flash本身所带有的背景。

ie里

firefox里


一般是两个都加进去。

LibLib AI
LibLib AI

中国领先原创AI模型分享社区,拥有LibLib等于拥有了超多模型的模型库、免费的在线生图工具,不考虑配置的模型训练工具

LibLib AI 647
查看详情 LibLib AI

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号