在項目中。為了解決多浏覽器兼容的問題。。ie6很頭痛。div經常出現浮動。。。。
然後在網上找了一個例子。。。。
css代碼如下:
body { background-image:url(text.txt); /* for IE6 */ background-attachment:fixed; } #bottomNav { background-color:#096; z-index:999; position:fixed; bottom:0; left:0; width:100%; _position:absolute; /* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible; }
html代碼如下:
<div id="bottomNav">這裡加入你的代碼固定底部漂浮</div> 需要注意的地方:
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
看到 _top 是為IE6獨家准備的,但是當我只加了上面這句時,IE6下拉動滾動條看到的這個漂浮物是抖動的-_-||| 解決方法我們為IE6添加這樣一條語句:
background-image:url(text.txt);
注意這裡的 text.txt 其實不需要有這個txt文檔,txt的文件名叫什麼看自己喜好喽,如此一來我們就解決了IE6下的緩動問題。
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
看到 _top 是為IE6獨家准備的,但是當我只加了上面這句時,IE6下拉動滾動條看到的這個漂浮物是抖動的-_-||| 解決方法我們為IE6添加這樣一條語句:
background-image:url(text.txt);
注意這裡的 text.txt 其實不需要有這個txt文檔,txt的文件名叫什麼看自己喜好喽,如此一來我們就解決了IE6下的緩動問題。