IE 6~8 position:fixed 不兼容解决方法

版权声明:本文为博主原创文章,未经博主允许不得转载。如有错误,欢迎评论指正,谢谢! https://blog.csdn.net/z_e_n_g/article/details/81137347

IE8及以下版本对position: fixed 是不支持的
所以当你需要页面需要用到固定定位,同时有要兼容IE时
可以这样写固定定位

先给其他浏览器写定位

.fixed{ 
    position:fixed; 
    /*固定在浏览器左上角*/
    top:0;
    left: 0;
    width:100px; 
    height:100px; 
}

给IE 写的定位

.ie{   
   _position: absolute;  
   _clear: both;
  _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) - 1 : document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);
}

然后给你需要固定定位的标签写这两个类就可以了

猜你喜欢

转载自blog.csdn.net/z_e_n_g/article/details/81137347