睿美印象网络欢迎您的到来,并真诚的希望能与您合作!
睿美印象网络
返回上一页
客服QQ
点击这里给我发消息
客服QQ
点击这里给我发消息
一切从沟通开始……

IE6弹出层盖不住下拉菜单的解决方案

作者:睿美印象网站建设工作室  发布日期:2012-10-22
IE6不支持position:fixed很不方便,但是可以在模拟实现。

IE窗口内容的滚动条,一般出现body元素上,不是html元素。
IE设置position:absolute时,如果父元素都没有设置position属性,那就是相对html元素定位。

 Example Source Code

//大多数时候忽略也能工作,去掉html滚动条,隐藏超出窗口的内容
html{overflow:hidden;}
//重要,body充满窗口,并显示滚动条
body{height:100%;overflow:auto;}
//要fixed的对象,这里假设id为aim
#aim {position:absolute;width:10px;height:10px;background:#333;left:10px;top:10px;}

此时拉动滚动条,body滚动,html固定,aim将在窗口的某个位置固定下来。
因为webkit、gecko和ie7+等都支持position:fixed,可以用ie6的css hack写成。

 Example Source Code

html{_overflow:hidden;}
body{height:100%;_overflow:auto;}
#aim {position:fixed;_position:absolute;width:10px;height:10px;background:#333;left:10px;top:10px;}


转载请注明:睿美印象网站建设工作室www.ruimeiyx.com
分享到:
已有 0 条评论
暂无评论
睿美印象在线客服
客服部小睿:
点击这里给我发消息
设计部小美:
点击这里给我发消息
技术海绵哥:
点击这里给我发消息
在线淘客服:
睿美印象网络
淘客服小睿:
睿美印象小睿
淘客服小美:
睿美印象小美