码迷,mamicode.com
首页 > 其他好文 > 详细

div在IE6中固定

时间:2014-12-14 22:26:38      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   ar   color   os   sp   on   div   

在IE6中固定一div在右下角,但是ie6不支持position:fixed属性,那么只能通过js实现,通过js判断浏览器在ie6的情况下,div的position为absoluate;right:0;bottom:0;indexOf() 方法对大小写敏感,如果要检索的字符串值没有出现,则该方法返回 -1。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="智能社 - zhinengshe.com">
<meta name="copyright" content="智能社 - zhinengshe.com">
<title>智能社 - www.zhinengshe.com</title>
<style>
* { margin:0; padding:0; }
body { height:1000px; }
div { position:fixed; bottom:0; right:0; width:100px; height:100px; background:red;
    _position:absolute; _bottom:auto;/*_position仅ie6识别*/
}
</style>

<script>
window.onresize=window.onload=window.onscroll=function (){
    if(window.navigator.userAgent.indexOf(MSIE 6.0) != -1)//判断ie6情况下
    {
        var oDiv=document.getElementById(div1);
        var nHeight=oDiv.offsetHeight;
        var scrollTop=document.documentElement.scrollTop || document.body.scrollTop;
        var a=document.documentElement.clientHeight-nHeight+scrollTop;//可视区的高度减去div盒子模型的高度加上滚动条的高度
        oDiv.style.top=a+px;
    }
};
</script>
</head>

<body>
    <div id="div1"></div>
</body>
</html>

 

div在IE6中固定

标签:style   blog   io   ar   color   os   sp   on   div   

原文地址:http://www.cnblogs.com/heboliufengjie/p/4163059.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!