两种方案解决IE6、IE7、Firefox兼容问题

这里向大家介绍一下解决IE6、IE7、Firefox兼容的两种方案，为不同的浏览器建立不同的.css方案，在用户浏览时，根据浏览器类型及版本号不同，分别加载不同的css文件，相信本文介绍一定会让你有所收获。

解决IE6、IE7、Firefox兼容的两种方案

第一种方案：CSSHack

具体写法很容易：

 
 
 

  
  
  
#someNode  
  
  
  
{  
  
  
  
position:fixed;  
  
  
  
#position:fixed;  
  
  
  
_position:fixed;  
  
  
  
}  
  
  
  
 
 
 
 

第一排给Firefox以及其他浏览器看

第二排给IE7（可能以后的IE8、IE9也是如此，谁知道呢）看

第三排给IE6以及更老的版本看

最好的应用就是可以让IE6也“支持”position:fixed，而且，配合这个原理，可以做到不引入JavaScript代码（仅用IE6的expression），我这里有一个现成的页面，

CSS如下写：

 
 
 

  
  
  
#ff-r  
  
  
  
{  
  
  
  
position:fixed;  
  
  
  
_position:absolute;  
  
  
  
right:15px;  
  
  
  
top:15px;  
  
  
  
_top:expression(eval(document.compatMode&&  
  
  
  
document.compatMode=='CSS1Compat')?  
  
  
  
documentElement.scrollTop+15:  
  
  
  
document.body.scrollTop+  
  
  
  
(document.body.clientHeight  
  
  
  
-this.clientHeight));  
  
  
  
}  
  
  
  
 
 
 
 

 第二种方案：

为不同的浏览器建立不同的.css方案，在用户浏览时，根据浏览器类型及版本号不同，分别加载不同的css文件。当然，这里又产生两种方案，用JS判断或服务器端方法。这里关于IE6、IE7、Firefox兼容的两种方案介绍完毕，请关注本文其他相关报道。

【编辑推荐】

1. CSS兼容：如何兼容IE7和IE8
2. CSS布局中DIV为空时在IE6下的不同表现
3. 探究IE8与IE7共存的两种方法
4. CSS属性display:inline-block使用揭秘
5. DIV CSS布局实例:建立Flash上面浮动层