关于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 中使用JSON的实现代码
Dec 01 Javascript
JS延迟加载加快页面打开速度示例代码
Dec 30 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
May 28 Javascript
原生javascript实现Tab选项卡切换功能
Jan 12 Javascript
微信小程序 Buffer缓冲区的详解
Jul 06 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
Sep 25 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
Oct 26 Javascript
angular2实现统一的http请求头方法
Aug 13 Javascript
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
Sep 21 Javascript
详解ES6 Promise的生命周期和创建
Aug 18 Javascript
微信小程序停止其他视频播放当前视频的实例代码
Dec 25 Javascript
jQuery实现影院选座订座效果
Apr 13 jQuery
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
要会喝咖啡也要会知道咖啡豆
2021/03/03 咖啡文化
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
微信公众平台天气预报功能开发
2014/07/06 PHP
Yii2针对游客、用户防范规则和限制的解决方法分析
2016/10/08 PHP
PHP实现的下载远程文件类定义与用法示例
2017/07/05 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
使用ucenter实现多站点同步登录的讲解
2019/03/21 PHP
laravel 之 Eloquent 模型修改器和序列化示例
2019/10/17 PHP
Javascript &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
2007/06/02 Javascript
jQuery学习2 选择器的使用说明
2010/02/07 Javascript
js innerHTML 改变div内容的方法
2013/08/03 Javascript
javacript获取当前屏幕大小
2016/06/04 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
2016/07/05 Javascript
require简单实现单页应用程序(SPA)
2016/07/12 Javascript
javascript实现滚动效果的数字时钟实例
2016/07/21 Javascript
使用jQuery.Pin垂直滚动时固定导航
2017/05/24 jQuery
JS获取一个表单字段中多条数据并转化为json格式
2017/10/17 Javascript
js实现数组内数据的上移和下移的实例
2017/11/14 Javascript
基于javascript实现贪吃蛇小游戏
2019/11/25 Javascript
卸载vue2.0并升级vue_cli3.0的实例讲解
2020/02/16 Javascript
ES6函数实现排它两种写法解析
2020/05/13 Javascript
[02:42]DOTA2英雄基础教程 杰奇洛
2013/12/23 DOTA
[01:00]DOTA2 store: Collection of Artisan's Wonders
2015/08/12 DOTA
[43:18]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.22
2019/09/05 DOTA
python3.6.3+opencv3.3.0实现动态人脸捕获
2018/05/25 Python
Python WSGI的深入理解
2018/08/01 Python
解决在Python编辑器pycharm中程序run正常debug错误的问题
2019/01/17 Python
对python pandas读取剪贴板内容的方法详解
2019/01/24 Python
解决pyPdf和pyPdf2在合并pdf时出现异常的问题
2020/04/03 Python
tensorflow dataset.shuffle、dataset.batch、dataset.repeat顺序区别详解
2020/06/03 Python
详解HTML5中的Communication API基本使用方法
2016/01/29 HTML / CSS
伦敦香水公司:The London Perfume Company
2019/11/13 全球购物
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
迪卡侬比利时官网:Decathlon比利时
2019/12/28 全球购物
工商管理专业实习大学生自我鉴定
2013/09/19 职场文书
陪护人员误工证明
2015/06/24 职场文书