如何让层浮在iframe上面,注意iframe引入的是swf格式文件,必须IE 360浏览器兼容
 <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>

5个回答

。。。。代码怎么不见了。。

 <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>
qiangD
qiangD 非常感谢大神!!!
5 年多之前 回复
showbo
支付宝加好友偷能量挖,胡杨在等着我的召唤 回复qiangD: 360极速模式对flash支持有问题吧,要设置z-index什么的,我这里设置了也没有出flash。。垃圾。。兼容模式没有问题。在head标签内增加meta强制360用兼容模式打开你的站点 <meta name="renderer" content="ie-stand">
5 年多之前 回复
qiangD
qiangD 确确实实没有浮在上面,您的下载一个swf文件试试。红色那块确实没有浮在swf文件上面。
5 年多之前 回复
showbo
支付宝加好友偷能量挖,胡杨在等着我的召唤 回复qiangD: 肯定试过了,没有问题啊。http://www.coding123.net/111.jpg
5 年多之前 回复
qiangD
qiangD 我试了下都用iframe,除非都引入swf文件才可以实现,定位在另一个iframe引入的swf文件上面
5 年多之前 回复
qiangD
qiangD 亲,你有没有测试啊,我这里在360浏览器里面还是不行。
5 年多之前 回复

设置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> 
danielinbiti
danielinbiti 回复qiangD: 设置不了wmode就不行,swf源码改不了的话,没招了。如果要解决这个问题还是的src引入独立页面,独立页面内再加载flash
5 年多之前 回复
qiangD
qiangD 公司要求不能这样引入,因为我这里引入的是游戏文件,从外部来的,所有只能要求用iframe引入
5 年多之前 回复

我也跟着一起学习学习。。。

有意思,既然swf都用iframe引用了,说明iframe已经承载了一个object组件的功能,object组件对于浏览器来说管你是不是iframe,是在浏览器上单独画了一个区间去渲染了。
iframe的问题还需要iframe来解决,再做一个iframe,叠加到那个带swf的iframe上面试试。

用透明iframe作为你的层的背景就可以搞定。。楼主看来接触web开发不久。。要是早的话接触ie6的时代这个很容易搞定。。和浮动层遮盖不住select一样,用iframe做背景

我想让这块浮在iframe上面,但是 iframe里面引入的是一个swf格式文件!!-----360 IE都无法实现,只有谷歌能让这块浮在上面 ```
我想让这块浮在iframe上面,但是iframe里面引入的是一个swf格式文件!!-----360 IE都无法实现,只有谷歌能让这块浮在上面

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐