css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法

2024-07-11 08:45:46

字體：大中小

來源：轉載

供稿：網友

效果

<!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解決鏈接錨點定位偏移的代碼