最近做了个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>
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
相关文章
导航栏滚动到一定高度改变背景色JS代码2019-04-03
js屏蔽ip(地区)访问某个静态或动态页面2013-10-09
兼容IE、Firefox和Chrome的复制内容添加网址版权的代码2013-08-24
js根据浏览器版本显示不同内容2013-06-22
js判断浏览器版本(IE,FF,Chrome,Opear,Safari) 2013-05-03
JavaScript 下拉菜单 2009-05-09