读书人

div定位在浏览器窗口的固定位置的步骤

发布时间: 2012-10-27 10:42:26 作者: rapoo

div定位在浏览器窗口的固定位置的方法

在很多网站上面我们可以看到浏览器的两边都有广告,这些广告无论我们怎么滚动浏览器的滚动条它都出现在浏览器窗口的固定位置,也就是跟着滚动条一起滚动。对于这种效果只需要在div的样式中设置position为fixed即可。但是这个fixed只对当前比较新的浏览器才支持,对于一些老版本的浏览器这种方法是行不通的。因为老版本浏览器压根不认识fixed,比如说IE6,IE6在国内可是还占着相当大的比重,不能忽视。所以可以用以下的方法解决:

.focus {Z-INDEX: 300;  POSITION: fixed; WIDTH: 255px; BOTTOM: 0px; PADDING-RIGHT: 8px;  FLOAT: right; OVERFLOW: hidden;  RIGHT: 0px; }* HTML .focus {POSITION: absolute; ; TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight)}

?

在第一个样式中,bottom和right都设为0,表示把div固定在浏览器的右下方。重要在第二个样式,这样就可以兼容所有的浏览器了。

?

http://www.buyonstore.com

读书人网 >Web前端

热点推荐