关于flash遮盖div浮动层的解决方法


Posted in Javascript onJuly 17, 2010

网上的解决方案:
From:http://codingforums.com/showthread.php?t=95109
(a) place Flash embed script in <div> container (I use SWFObject.js)[将flash嵌入脚本放到一个div容器中]
(b) add wmode=transparent to Flash embed script[增加wmode=transparent 到flash嵌入脚本]
(c) set <div id="flashcontent"> container with z-index:-1; [将外层容器的z-index设置为-1]
(d) set <body> tag with style .. position:relative;left:0px;top:0px;z-index:0;
(otherwise Firefox does not accept negative z-index)
(e) set floating iframe in container with z-index: 99;[将浮动的iframe在容器中的zindex设置为99]
(f) use CSS to position flashcontent and htmlcontent containers.[使用css来调整flash容器和html容器的位置]

其他方案网上比较多见,不做阐述.在此说下使用第一个方案如何解决:

var so = new SWFObject("XXX.swf", "flashId", "宽度", "高度", "版本", "背景色"); 
//设置flash不遮盖div层 
so.addParam("wmode", "opaque"); 
so.write("flashcontent");

如此设置即可让flash无法遮盖住div.
Javascript 相关文章推荐
js FLASH幻灯片字符串中有连接符&的处理方法
Mar 01 Javascript
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
Oct 24 Javascript
我的Node.js学习之路(二)NPM模块管理
Jul 06 Javascript
AngularJS基础学习笔记之表达式
May 10 Javascript
JS实现的5级联动Select下拉选择框实例
Aug 17 Javascript
基于Jquery代码实现手风琴菜单
Nov 19 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
Nov 04 Javascript
JS跳转手机站url的若干注意事项
Oct 18 Javascript
JS二级菜单不同实现方法分析【4种方法】
Dec 21 Javascript
2019最新21个MySQL高频面试题介绍
Feb 06 Javascript
React Native登录之指纹登录篇的示例代码
Nov 03 Javascript
Vue ECharts实现机舱座位选择展示功能
May 15 Vue.js
JQUERY获取form表单值的代码
Jul 17 #Javascript
jQuery+ajax实现顶一下,踩一下效果
Jul 17 #Javascript
flexigrid 类似ext grid的JS表格代码
Jul 17 #Javascript
基于JQuery的Pager分页器实现代码
Jul 17 #Javascript
基于jQuery的Spin Button自定义文本框数值自增或自减
Jul 17 #Javascript
JS延迟加载(setTimeout) JS最后加载
Jul 15 #Javascript
JavaScript.Encode手动解码技巧
Jul 14 #Javascript
You might like
支持数组的ADDSLASHES的php函数
2010/02/16 PHP
PHP+jQuery实现自动补全功能源码
2013/05/15 PHP
win7系统配置php+Apache+mysql环境的方法
2015/08/21 PHP
浅析PHP关键词替换的类(避免重复替换,保留与还原原始链接)
2015/09/22 PHP
ThinkPHP中html:list标签用法分析
2016/01/09 PHP
PHP实现微信JS-SDK接口选择相册及拍照并上传的方法
2016/12/05 PHP
PHP的PDO连接讲解
2019/01/24 PHP
ExtJS 2.0实用简明教程之应用ExtJS
2009/04/29 Javascript
jquery插件 cluetip 关键词注释
2010/01/12 Javascript
js将控件隐藏的方法及display属性介绍
2013/07/04 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
2015/10/14 Javascript
非常实用的12个jquery代码片段
2015/11/02 Javascript
全面解析Bootstrap表单使用方法(表单控件状态)
2015/11/24 Javascript
jQuery easyui刷新当前tabs的方法
2016/09/23 Javascript
PHP抓取HTTPS内容和错误处理的方法
2016/09/30 Javascript
Vue 过渡(动画)transition组件案例详解
2017/01/22 Javascript
js 动态生成html 触发事件传参字符转义的实例
2017/02/14 Javascript
解析Angular 2+ 样式绑定方式
2018/01/15 Javascript
vue的全局提示框组件实例代码
2018/02/26 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
2018/09/18 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
2019/10/25 Javascript
[38:44]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第二局
2016/02/25 DOTA
python 实现文件的递归拷贝实现代码
2012/08/02 Python
理解Python中的With语句
2015/02/02 Python
Python实现股市信息下载的方法
2015/06/15 Python
Python 由字符串函数名得到对应的函数(实例讲解)
2017/08/10 Python
python如何将两张图片生成为全景图片
2020/03/05 Python
美国马匹用品和骑马配件购物网站:Horse.com
2018/01/08 全球购物
企业理念标语
2014/06/09 职场文书
局领导领导班子四风对照检查材料
2014/09/27 职场文书
清洁工个人工作总结
2015/03/05 职场文书
节约用电倡议书
2015/04/28 职场文书
2015年度工程师评职称工作总结
2015/10/14 职场文书
致毕业季:你如何做好自己的职业生涯规划书?
2019/07/01 职场文书
JavaScript实现登录窗体
2021/06/22 Javascript
Python用any()函数检查字符串中的字母以及如何使用all()函数
2022/04/14 Python