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 进行测试。