<style type="text/css">
*{
margin: 0;
padding: 0;
font-size: 22px;
}
#pos{position:absolute;width:600px;height:100px;left:0;top:30px;background:#F3F;}
</style>
</head>
<body>
<div style="position:relative;z-index:9999;width:100%;height:100px;background:#90F;color:#fff;"><div id="pos">我想让这块浮在iframe上面,但是iframe里面引入的是一个swf格式文件!!-----360 IE都无法实现,只有谷歌能让这块浮在上面</div></div>
<!--这里iframe src引入的是一个swf视频,您可以自己下载一个试试-->
<iframe style="position:relative;z-index:0;width:500px;height:500px;" src="d11111.swf"></iframe>
</body>
。。。。代码怎么不见了。。
<div style="position:relative;z-index:9999;width:100%;height:100px;background:#90F;color:#fff;"><div id="pos">我想让这块浮在iframe上面,但是iframe里面引入的是一个swf格式文件!!-----360 IE都无法实现,只有谷歌能让这块浮在上面
<iframe style="position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;scrolling:no; visibility: inherit;filter:alpha(opacity=0)" frameborder="0" src="about:blank"></iframe>
</div></div>
设置flash的wmode属性
如果swf是通过<object></object>方式插入的话,那就加入以下这断代码
复制代码 代码如下:
<param name="wmode" value="Opaque">
还有一种方法是通过script_swfobject.js插件来插入swf的,这时用下面的方法来设置:
复制代码 代码如下:
<div id="flashcontent"></div>
<script type="text/javascript">
var so = new SWFObject("flash.swf", "player", 570, 400, "9.0.28.0", "#000000",false);
so.addVariable("web", 1);
so.addParam("wmode", "Opaque");
so.write("flashcontent");
</script>
我也跟着一起学习学习。。。
有意思,既然swf都用iframe引用了,说明iframe已经承载了一个object组件的功能,object组件对于浏览器来说管你是不是iframe,是在浏览器上单独画了一个区间去渲染了。
iframe的问题还需要iframe来解决,再做一个iframe,叠加到那个带swf的iframe上面试试。
用透明iframe作为你的层的背景就可以搞定。。楼主看来接触web开发不久。。要是早的话接触ie6的时代这个很容易搞定。。和浮动层遮盖不住select一样,用iframe做背景