关于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 相关文章推荐
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
Aug 31 Javascript
JavaScript 面向对象的之私有成员和公开成员
May 04 Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
Apr 22 Javascript
JS中使用Array函数shift和pop创建可忽略参数的例子
May 28 Javascript
js使用正则实现ReplaceAll全部替换的方法
Aug 22 Javascript
JavaScript整除运算函数ceil和floor的区别分析
Apr 14 Javascript
jQuery页面刷新(局部、全部)问题分析
Jan 09 Javascript
AngularJS实现tab选项卡的方法详解
Jul 05 Javascript
vue组件之间数据传递的方法实例分析
Feb 12 Javascript
使用JQuery自动完成插件Auto Complete详解
Jun 18 jQuery
vue路由分文件拆分管理详解
Aug 13 Javascript
vue-router中hash模式与history模式的区别
Jun 23 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
PHP实现动态web服务器方法
2015/07/29 PHP
PHP程序中的文件锁、互斥锁、读写锁使用技巧解析
2016/03/21 PHP
PHP开启目录引索+fancyindex漂亮目录浏览带搜索功能
2019/09/23 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
PHP dirname功能及原理实例解析
2020/10/28 PHP
jQuery chili图片远处放大插件
2009/11/30 Javascript
使用javascript获取flash加载的百分比的实现代码
2011/05/25 Javascript
js调用webservice中的方法实现思路及代码
2013/02/25 Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
2014/05/19 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
2014/06/05 Javascript
基于javascript实现checkbox复选框实例代码
2016/01/28 Javascript
关于动态执行代码(js的Eval)实例详解
2016/08/15 Javascript
Bootstrap响应式侧边栏改进版
2016/09/17 Javascript
AngularJS中isolate scope的用法分析
2016/11/22 Javascript
Angular+Node生成随机数的方法
2017/06/16 Javascript
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
2017/08/29 Javascript
深入理解vuex2.0 之 modules
2017/11/20 Javascript
Angular网络请求的封装方法
2018/05/22 Javascript
全面分析JavaScript 继承
2019/05/30 Javascript
Vuejs中的watch实例详解(监听者)
2020/01/05 Javascript
vue3.0 的 Composition API 的使用示例
2020/10/26 Javascript
[01:01:29]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第一场
2018/04/05 DOTA
跟老齐学Python之模块的加载
2014/10/24 Python
python中MethodType方法介绍与使用示例
2017/08/03 Python
pandas 实现字典转换成DataFrame的方法
2018/07/04 Python
Python socket连接中的粘包、精确传输问题实例分析
2020/03/24 Python
css3强大的动画效果animate使用说明及浏览器兼容介绍
2013/01/09 HTML / CSS
男女时尚与复古风格在线购物:RoseGal(全球免费送货)
2017/07/19 全球购物
英国电气世界:Electrical World
2019/09/08 全球购物
常见的软件开发流程有哪些
2015/11/14 面试题
外语学院毕业生的自我鉴定
2013/11/28 职场文书
电视节目策划方案
2014/05/16 职场文书
工业设计专业自荐书
2014/06/05 职场文书
优秀大学生申请书
2019/06/24 职场文书
react国际化react-intl的使用
2021/05/06 Javascript
MYSQL如何查看进程和kill进程
2022/03/13 MySQL