在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享CSS教程:兼容ie6,ie7,ff的fixed,希望可以对大家能有小小的帮助。
【 tulaoshi.com - Web开发 】
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
效果地址:
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
出处:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)为了兼容ie6(万恶的东西),用的是expression的方法
在页头加入:
style type="text/css"body{background-image:url(about:blank); background-attachment:fixed;/*必要,防抖动*/}.head,.foot{position:fixed !important;/*ie7 ff*/position:absolute; z-index:21; background:#999;height:30px;width:500px;}.foot{bottom:0 !important;/*ie7 ff*/}.main{height:2000px;}/style!--[if IE 6]style type="text/css"/*ie6 fix顶端元素*/.head{top:expression(eval(document.documentElement.scrollTop));}/*ie6 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]--
HTML:
bodydiv class="head"header/divdiv class="main"pmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /ppmain /p/divdiv class="foot"foot/div/body
来源:http://www.tulaoshi.com/n/20160220/1631311.html
看过《CSS教程:兼容ie6,ie7,ff的fixed》的人还看了以下文章 更多>>