div+css固定底部漂浮广告兼容性问题

发布时间:2020-09-06编辑:脚本学堂
如何解决div+css固定底部漂浮广告的兼容性问题,解决低版本ie浏览器下的漂浮广告的兼容问题,需要的朋友参考下。

1、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; }

2、html代码:
 

<div id="bottomNav">这里加入你的代码固定底部漂浮</div>

注意:
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
看到 _top 是为IE6独家准备的,但是当只加了上面这句时,IE6下拉动滚动条看到的这个漂浮物是抖动的。

解决方法:(div+css实例教程
为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文档,如此一来就解决了IE6下的缓动问题。