2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

CSS+DIV固定底部的漂浮導(dǎo)航條（多瀏覽器兼容） 博客分類： div css

在項(xiàng)目中。為了解決多瀏覽器兼容的問題。。ie6很頭痛。div經(jīng)常出現(xiàn)浮動(dòng)。。。。

然后在網(wǎng)上找了一個(gè)例子。。。。

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獨(dú)家準(zhǔn)備的，但是當(dāng)我只加了上面這句時(shí)，IE6下拉動(dòng)滾動(dòng)條看到的這個(gè)漂浮物是抖動(dòng)的-_-||| 解決方法我們?yōu)镮E6添加這樣一條語句： background-image:url(text.txt); 注意這里的 text.txt 其實(shí)不需要有這個(gè)txt文檔，txt的文件名叫什么看自己喜好嘍，如此一來我們就解決了IE6下的緩動(dòng)問題。

?

PS:你可能會(huì)對 text.txt 和 expression 感到郁悶，也有人使用多嵌套一層 DIV 做了個(gè)假滾動(dòng)條實(shí)現(xiàn)了這個(gè)方法，當(dāng)然這種方法在也會(huì)相應(yīng)的改動(dòng)下默認(rèn)屬性，可這種寫法和之前網(wǎng)站融合起來很郁悶，要添加一個(gè)DIV（因?yàn)槲抑皼]有在最外層寫DIV.wrap）。

轉(zhuǎn)載于:https://my.oschina.net/xiaominmin/blog/1598279

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。