关于flash遮盖div浮动层的解决方法
(编辑：jimmy 日期: 2025/5/11 浏览：3 次 )
网上的解决方案:
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.
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.
下一篇：JQUERY获取form表单值的代码