DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> DIV+CSS固定底部的漂浮廣告
DIV+CSS固定底部的漂浮廣告
編輯:CSS詳解     

在項目中。為了解決多浏覽器兼容的問題。。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下的緩動問題。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved