2019獨角獸企業重金招聘Python工程師標準>>>

CSS+DIV固定底部的漂浮導航條（多瀏覽器兼容） 博客分類： div 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下的緩動問題。

?

PS:你可能會對 text.txt 和 expression 感到郁悶，也有人使用多嵌套一層 DIV 做了個假滾動條實現了這個方法，當然這種方法在也會相應的改動下默認屬性，可這種寫法和之前網站融合起來很郁悶，要添加一個DIV（因為我之前沒有在最外層寫DIV.wrap）。

轉載于:https://my.oschina.net/xiaominmin/blog/1598279

總結

以上是生活随笔為你收集整理的CSS+DIV固定底部的漂浮导航条（多浏览器兼容）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。