睢闫网络为您打造全面营销系统,营销网络建设第一品牌!
验证码: 看不清?点击更换
注册
签到 网页翻译为英文
1823-8012-605

营销型网络系统 顶级核心团队

让传统企业获得更多的订单和询盘!

您现在所在的位置:主页 > 网站建设

完美解决IE6关于fixed的BUG,兼容IE7_IE8_IE9_FF

时间:2015-07-03 15:24    来源:睢闫网络传媒   访问人数:  业务咨询    在线下单
Html代码  收藏代码
  1. <style>  
  2. .fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;}  
  3. .fixed-bottom /* 底部固定 */{position:fixed;bottom:0px;top:auto;}  
  4. .fixed-left /* 左侧固定 */{position:fixed;right:auto;left:0px;}  
  5. .fixed-right /* 右侧固定 */{position:fixed;right:0px;left:auto;}  
  6. /* 上面的是除了IE6的主流浏览器通用的方法 */  
  7. * html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}  
  8. * html .fixed-top /* IE6 头部固定 */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}  
  9. * html .fixed-right /* IE6 右侧固定 */ {position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));}  
  10. * html .fixed-bottom /* IE6 底部固定  */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}  
  11. * html .fixed-left /* IE6 左侧固定 */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}  
  12. </style>  


十分强悍的代码,要用fixed的时候直接给元素赋相应的类就可以
下载此文章
联系方式

中国 · 睢县 · 建设路天湖城1005号

公司: 睢闫网络传媒有限公司

电话:1823-8012-605

邮箱:732541231@qq.com

QQ在线咨询

商务服务或业务咨询请点击以下QQ头像

网站建设-点击洽谈

数据库系统-点击洽谈

其他项目-点击洽谈

至电顾问需求或技术支持

需要做项目或需要技术支持业务请来电,谢谢!

18238012605 -郑经理

18336092044 -李经理

18671257743 -艾经理

告诉我们您的需求

在线填写需求,我们将尽快为您答疑解惑。

业务咨询QQ:732541231

售后服务QQ:732541231

电话:1823-8012-605

工作时间 9:00 ~ 18:00

工作日(周一至周五)

我们将在1个小时内回复,资料会保密处理。