最顶层div遮不住JS及Flash的处理方法

2009-07-06 浏览:1669
最顶层div遮不住JS及Flash的处理方法
评论:(0)复制地址

最近做了个div浮动下拉菜单。但是div浮动在select下拉列表框上时,却遮不住下拉列表框。搜索了很久,感觉这种方法蛮简单的。

注:出现这种问题的浏览器是ie6,在ie7上是已经没有这个bug了。

解决方法:
只要在你的浮动div标签最后加上:

<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:-20px; left:0px; width:400px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>

加上这段代码时一定要注意哦,是要加在你浮动div的内容最后面。不能加在div里的内容前面或中间,切记!!

实例:
<div style="z-index:1000;position:absolute;">
  我是显示的内容,我是显示的内容
  此处为iframe段代码
</div>


 

评论:(0)复制地址

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。