div+css固定底部的漂浮广告代码

发布时间:2019-08-21编辑:脚本学堂
本文介绍了div+css固定底部的漂浮广告的实现代码,有需要的朋友参考下。

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下的缓动问题。
_top: expression(documentelement.scrolltop + documentelement.clientheight-this.offsetheight);
看到 _top 是为ie6独家准备的,但是当我只加了上面这句时,ie6下拉动滚动条看到的这个漂浮物是抖动的。

解决方法,ie6添加这样一条语句:
 

复制代码 代码示例:
background-image:url(text.txt);

注意,text.txt 其实不需要有这个txt文档,txt的文件名叫什么看自己喜好喽,如此一来我们就解决了ie6下的缓动问题。