解决IE6不支持Css FIXED实现详解

作者：袖梨 2022-06-25

例1.

下面这个方法可以完美的实现ie6里支持fixed

 
代码：
 

 代码如下 复制代码
 
 
 
 
 
 
 
 

这是内容

 

这是内容

 

这是内容

 

这是内容

 

这是内容

 

这是内容

 

这是内容

 

这是内容

 

这是内容

 

 

这是内容

 

这是内容

 
 
 
 
 

2.实现固定div位置了，我们让它在头部或底部

 

 代码如下 复制代码
  
  
  
  
  
  
  
left
  
  
  
  
 

  
      
 

  
  
  
  
  

在HEAD里面加这这段兼容IE6的代码

 代码如下 复制代码
 
 

固定在头部代码
 

 代码如下 复制代码
#header,#left,#right{  
position:absolute;bottombottom:auto;top:expression(eval(document.documentElement.scrollTop));  
} 

固定在底部代码
 

 代码如下 复制代码
#footer{  
position:absolute;  
top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1));  
} 

相关文章

精彩推荐