qiangD
2015-04-07 08:26
采纳率: 40%
浏览 2.0k

如何让层浮在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>
    
    点赞 打赏 评论
  • danielinbiti 2015-04-07 08:31

    设置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> 
    
    点赞 打赏 评论
  • 陆牧云 2015-04-07 08:41

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

    点赞 打赏 评论
  • 清水依恋成 2015-04-07 09:02

    有意思,既然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都无法实现,只有谷歌能让这块浮在上面
    
    
    点赞 打赏 评论

相关推荐 更多相似问题