css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法
博客专区 > rin9958 的博客 > 博客详情
css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法
rin9958 发表于2年前
css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法
  • 发表于 2年前
  • 阅读 22
  • 收藏 5
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

<style type="text/css"> 
body{ 
background-image:url(about:blank); background-attachment:fixed;/*必要,防抖动*/ 
} 
.head,.foot{ 
position:fixed;
*position:absolute; 
*left:0;
z-index:21; 
background:#999; 
height:30px; 
width:500px; 
} 
.foot{ 
*bottom:0;
} 
.main{ 
height:2000px; 
} 
</style> 
<!--[if lt IE 8]> 
<style type="text/css"> 
/*ie6和ie7 fix顶端元素*/ 
.head{ 
top:expression(eval(document.documentElement.scrollTop)); 
} 
/*ie6和ie7 fix底端元素*/ 
.foot{ 
top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1)); 
} 
</style> 
<![endif]--> 

转载自:http://www.9958.pw/post/css_position_fixed

标签: css
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 9
博文 113
码字总数 54109
×
rin9958
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: