CSS布局中
IE6默认不兼容position:fixed效果. 使用expression结合css hook可以做到兼容效果, 代码如下
body{
/* 这设置自己的背景图.如果没有就设置一个不存在的图片 目的是为了防止抖动 */
background: url(*) fixed;
}
.fixed{
min-width: 160px;
min-height: 120px;
/* IE6 hook */
_width: 160px; _height: 120px;
border: 10px solid red;
position: fixed; _position: absolute;
/* 左上 */
/*
left: 0px; top: 0px;
IE6 hook
_left: expression(eval(document.documentElement.scrollLeft || document.body.scrollLeft)+'px');
_top: expression(eval(document.documentElement.scrollTop || document.body.scrollTop)+'px');
*/
/* 右下 */
right: 0px; bottom: 0px;
IE6 hook
_left: expression(eval((document.documentElement.clientWidth || document.body.clientWidth)-this.offsetWidth+(document.documentElement.scrollLeft || document.body.scrollLeft))+'px');
_top: expression(eval((document.documentElement.clientHeight || document.body.clientHeight)-this.offsetHeight+(document.documentElement.scrollTop || document.body.scrollTop))+'px');
}
Leave a Reply