解决问题的策略_解决IE6不支持Css FIXED实现详解

【www.bbyears.com--ios】

例1.

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

 
代码：
 

 代码如下  
 
 
 
 
 
header 
 

这是内容

 

这是内容

 

这是内容

 

这是内容

 

这是内容

 

这是内容

 

这是内容

 

这是内容

 

这是内容

 

<script language="javascript"> 
for(i=0;i<100;i++){  
    document.write(i+"
");  
}  
</script>

 

这是内容

 

这是内容

 
 
footer 
 
 

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

 

 代码如下   
  
  
  
  
  
  
left  
rightright  
header  
  
 

  
    <script language="javascript">  
for(i=0;i<100;i++){  
    document.write(i+"
");  
}  
  </script>  
 

  
  
footer  
  
  

在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));  
} 

本文来源：http://www.bbyears.com/shoujikaifa/44824.html