CSS教程:兼容ie6,ie7,ff的fixed

效果地址：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlefixed ie6/titlestyle 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]--/headbodydiv 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/html
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

出处：

为了兼容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