一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-25 11:17:56 编辑:袖梨 来源:一聚教程网

例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));  

热门栏目