关于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 相关文章推荐
jquery 卷帘效果实现代码(不同方向)
Feb 05 Javascript
jQuery常用操作方法及常用函数总结
Jun 19 Javascript
AngularJs directive详解及示例代码
Sep 01 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
Dec 12 Javascript
jQuery表单设置值的方法
Jun 30 jQuery
angular2 ng2 @input和@output理解及示例
Oct 10 Javascript
js实现购物车功能
Jun 12 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
Aug 20 Javascript
微信小程序获取地理位置及经纬度授权代码实例
Sep 18 Javascript
javascript 数组精简技巧小结
Feb 26 Javascript
JS实现斐波那契数列的五种方式(小结)
Sep 09 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
Dec 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
php实现telnet功能示例
2014/04/08 PHP
关于ThinkPhp 框架表单验证及ajax验证问题
2017/07/19 PHP
windows下的WAMP环境搭建图文教程(推荐)
2017/07/27 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
chrome原生方法之数组
2011/11/30 Javascript
表单验证的完整应用案例探讨
2013/03/29 Javascript
js实现图片轮换效果代码
2013/04/16 Javascript
jquery属性过滤选择器使用示例
2013/06/18 Javascript
extjs表格文本启用选择复制功能具体实现
2013/10/11 Javascript
javascripit实现密码强度检测代码分享
2013/12/12 Javascript
js换图片效果可进行定时操作
2014/06/09 Javascript
jQuery实现360°全景拖动展示
2015/03/18 Javascript
移动手机APP手指滑动切换图片特效附源码下载
2015/11/30 Javascript
js实现网页图片延时加载 提升网页打开速度
2016/01/26 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
2016/07/08 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
2017/07/10 Javascript
基于javascript中的typeof和类型判断(详解)
2017/10/27 Javascript
vue2.0 实现页面导航提示引导的方法
2018/03/13 Javascript
使用form-create动态生成vue自定义组件和嵌套表单组件
2019/01/18 Javascript
JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例
2019/02/21 Javascript
mpvue开发音频类小程序踩坑和建议详解
2019/03/12 Javascript
微信小程序位置授权处理方法
2019/06/13 Javascript
vuex分模块后,实现获取state的值
2020/07/26 Javascript
ES6的循环与可迭代对象示例详解
2021/01/31 Javascript
[00:47]TI7不朽珍藏III——沙王不朽展示
2017/07/15 DOTA
python执行外部程序的常用方法小结
2015/03/21 Python
详解在Python程序中解析并修改XML内容的方法
2015/11/16 Python
Python实现字典(dict)的迭代操作示例
2018/06/05 Python
Python实现的逻辑回归算法示例【附测试csv文件下载】
2018/12/28 Python
PyCharm导入python项目并配置虚拟环境的教程详解
2019/10/13 Python
idea2020手动安装python插件的实现方法
2020/07/17 Python
如何利用python生成MD5并去重
2020/12/07 Python
python用opencv 图像傅里叶变换
2021/01/04 Python
Python try except finally资源回收的实现
2021/01/25 Python
教师演讲稿开场白
2014/08/25 职场文书
SQL Server基本使用和简单的CRUD操作
2021/04/05 SQL Server