有時需要把一個元素固定在頁面的某個部位,一般的解決方法是:
<div class="box"></div>
.box{position:fixed;bottom:0;right:10px;}
讓元素固定在浏覽器的底部和距離右邊的10個像素。一般的浏覽器都支持這種方法,但是ie6不支持fixed
解決辦法:
.box{osition:fixed;
_position:absolute;
bottom:0;
right:10px;
_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)))}
使元素固定在浏覽器的頂部:.box{
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop));
}使元素固定在浏覽器的底部:.box{
_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)));
}這兩段代碼只能實現在最底部跟最頂部,你可以使用 _margin-top:10px; 或者 _margin-bottom:10px; 修改其中的數值控制元素的位置。
在ie中你會發現被固定定位的元素在滾動滾動條的時候會閃動
解決的方法是:
*html{ background-image:url(about:blank); //使用空背景
background-attachment:fixed; //固定背景
}
這樣ie6中不支持fixed問題算是解決了