关于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对象和DOM对象使用说明
Jun 25 Javascript
jquery怎样实现ajax联动框(二)
Mar 08 Javascript
JavaScript改变HTML元素的样式改变CSS及元素属性
Nov 12 Javascript
Javascript获取当前时间函数和时间操作小结
Oct 01 Javascript
jQuery简单实现日历的方法
May 04 Javascript
JS代码实现电脑配置检测功能
Mar 21 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
mockjs+vue页面直接展示数据的方法
Dec 19 Javascript
vue-router重定向和路由别名的使用讲解
Jan 19 Javascript
详解vue在项目中使用百度地图
Mar 26 Javascript
微信小程序实现批量倒计时功能
Nov 01 Javascript
vue3 自定义图片放大器效果的示例代码
Jul 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生成缩略图的函数代码(修改版)
2011/01/18 PHP
鸡肋的PHP单例模式应用详解
2013/06/03 PHP
php 下载保存文件保存到本地的两种实现方法
2013/08/12 PHP
PHP反射类ReflectionClass和ReflectionObject的使用方法
2013/11/13 PHP
PHP的Socket通信之UDP通信实例
2015/07/02 PHP
php微信公众平台交互与接口详解
2016/11/28 PHP
一键生成各种尺寸Icon的php脚本(实例)
2017/02/08 PHP
实例讲解PHP表单
2020/06/10 PHP
JQuery 实现的页面滚动时浮动窗口控件
2009/07/10 Javascript
jquery select下拉框操作的一些说明
2010/04/02 Javascript
一次失败的jQuery优化尝试小结
2011/02/06 Javascript
jQuery获取Select选择的Text和Value(详细汇总)
2013/01/25 Javascript
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
2014/06/06 Javascript
js实现禁止中文输入的方法
2015/01/14 Javascript
js显示当前日期时间和星期几
2015/10/22 Javascript
Vue.JS入门教程之事件监听
2016/12/01 Javascript
angularjs中ng-attr的用法详解
2016/12/31 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
2017/03/15 Javascript
js实现鼠标跟随运动效果
2020/08/02 Javascript
angular4强制刷新视图的方法
2018/10/09 Javascript
浅谈Node 异步IO和事件循环
2019/05/05 Javascript
原生JavaScript实现刮刮乐
2020/09/29 Javascript
JavaScript实现音乐导航效果
2020/11/19 Javascript
[06:04]DOTA2国际邀请赛纪录片:Just For LGD
2013/08/11 DOTA
python动态监控日志内容的示例
2014/02/16 Python
Python3.5 创建文件的简单实例
2018/04/26 Python
Python爬取个人微信朋友信息操作示例
2018/08/03 Python
python爬虫 urllib模块反爬虫机制UA详解
2019/08/20 Python
python使用sklearn实现决策树的方法示例
2019/09/12 Python
Django框架静态文件处理、中间件、上传文件操作实例详解
2020/02/29 Python
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
2013/01/30 HTML / CSS
美国新娘礼品店:The Paisley Box
2020/09/08 全球购物
为什么会有内存对齐
2016/10/10 面试题
异步传递消息系统的作用
2016/05/01 面试题
个人贷款收入证明
2014/10/26 职场文书
《秋天的图画》教学反思
2016/02/19 职场文书