代码改变世界

css兼容ie6固定弹出框固定位置

2012-03-13 11:20  滴水成兵  阅读(347)  评论(0编辑  收藏  举报

现在很多网站都有弹出层或回到顶部的功能,大家都知道css有个 “position:fixed”属性可以将其定在相对于浏览器的固定位置,但唯有ie6不支持这个属性,以下针对ie6用了点js的方法可以兼容所有浏览器。

css部分

html{_background-image: url(about:blank); _background-attachment:fixed} //防止触发滚动条事件时框闪动

.div1
{ width:100px; height:100px; background:#999; position:fixed; _position:absolute; bottom:100px; right:100px; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight - this.offsetHeight));}

html部分

<div class="div1"></div>

可以把body设置为高2000px 进行测试。