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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>fixed ie6</title><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></head><body><div class="head">header</div><div class="main">main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main </div><div class="foot">foot</div></body></html>

提示：您可以先修改部分代码再运行

为了兼容ie6(万恶的东西),用的是expression的方法
在页头加入：

复制代码

上一篇：css网页布局中文字排版的属性和用法

下一篇：CSS解决链接锚点定位偏移的代码