css div漂浮向下,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代碼如下:
這里加入你的代碼固定底部漂浮 需要注意的地方:_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添加這樣一條語(yǔ)句:
background-image:url(text.txt);
注意這里的 text.txt 其實(shí)不需要有這個(gè)txt文檔,txt的文件名叫什么看自己喜好嘍,如此一來我們就解決了IE6下的緩動(dòng)問題。
_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添加這樣一條語(yǔ)句:
background-image:url(text.txt);
注意這里的 text.txt 其實(shí)不需要有這個(gè)txt文檔,txt的文件名叫什么看自己喜好嘍,如此一來我們就解決了IE6下的緩動(dòng)問題。
總結(jié)
以上是生活随笔為你收集整理的css div漂浮向下,DIV+CSS固定底部的漂浮广告的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 山东师范大学计算机尹副教授,我校举办首届
- 下一篇: css电视适配,CSS3 巨大的投影电视