兼容IE6的页面底部固定层CSS代码

时间：2023-03-09 23:30:34
兼容IE6的页面底部固定层CSS代码

有时候当我们需要把一个元素固定在页面的某个部位，一般都是用css中的“position:fixed;”方法来解决，但是IE6不支持fixed，所以今天分享一个兼容IE6的页面底部固定层CSS代码。如下：

.bottom {

    background:#000;

    color:#fff;

    bottom:;

    margin:0 auto;

    position:fixed;

    height:23px;

    opacity:.60;

    filter:alpha(opacity=60);

    line-height:23px;

    width:100%;

    z-index:;

    _bottom:auto;

    _width:100%;

    _position:absolute;

_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));

}

需要注意的是：使用以上代码后在ie中你会发现被固定定位的元素在滚动滚动条的时候会闪动，下面给出解决方法：

body{background:url(notfound)fixed;}

这样ie6中不支持fixed问题算是解决了。

相关文章