睿美印象网络欢迎您的到来,并真诚的希望能与您合作!
进入网站
网站首页
关于我们
建站技术
建站策划
服务指南
作品案例
联系我们
此页面上的内容需要较新版本的 Adobe Flash Player。
返回上一页
客服QQ
客服QQ
一切从沟通开始……
IE6 css模拟实现position:fixed
作者:睿美印象
网站建设工作室
发布日期:2012-10-01
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
条评论
暂无评论
盘点HTML5标签使用的常见误区
史无前例的 HTML5 资源参考指南
9、【视频】高度自适应
HTML5 API简介一(Canvas,Audio/Video,Geolocation)
一步一步学做游戏 第六回:绘制奖品
第三天 二列和三列布局
IE6兼容问题汇总
《精通HTML5编程》第二:Canvas画布
HTML5版3D实验三:JavaScript玩转3D粒子系统
css图层-图片半透明
HTML5基础,第1部分:初试锋芒
跟KingDZ学HTML5之一:HTML5入门
实例说明滑动门和选项卡的区别
浏览器对HTML5的兼容性分析
精通HTML5编程》第八章:HTML5 Web Worker API
HTML5多媒体组件的使用——第三部分:自定义控件
睿美印象在线客服
客服部小睿:
设计部小美:
技术海绵哥:
在线淘客服:
淘客服小睿:
淘客服小美: