2018013010228

【备忘】关于IE6和fixed什么的。。

好吧。。IE6什么的不需要多说了,,虽然有--用弹窗口广告加速Kill IE6?【广告慎入】--,然后弄这个Fixed就是为了显示广告。。嗯。。

首先是JS解决方案。。。目标元素需要设置:position:absolute

<script language="JavaScript" type="text/javascript">
    function rightBottomAd() {
        var abc = document.getElementById("test");
        abc.style.top = document.documentElement.scrollTop + document.documentElement.clientHeight - 270 + "px";
        setTimeout(function() {
            rightBottomAd();
        },
        50);
    }
    rightBottomAd();
</script>

纯CSS方案一(理论上无须再针对标准浏览器进行额外设置):

html{
  height:100%;
  overflow:hidden;
}
body {
  overflow:auto;
  height:100%;
}
#test {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 3;
}

纯CSS方案二(如果需要设置底部固定使用:_top:expression(documentElement.scrollTop + documentElement.clientHeight - 270+"px"); 数值改为要固定的元素的高度):

html {
  _background-image: url(about:blank);
  _background-attachment: fixed; /* prevent screen flash in IE6 */
}
#footer {
  position:fixed;
  _position: absolute;
  left: 0px;
  top:0px;
  _top:expression(documentElement.scrollTop+10+"px");
}

参考:http://t.qq.com/p/t/99194101771171

原文链接:http://www.wdssmq.com/post/20120816277.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。