这里向大家介绍一下解决IE6、IE7、Firefox兼容的两种方案，为不同的浏览器建立不同的.css方案，在用户浏览时，根据浏览器类型及版本号不同，分别加载不同的css文件，相信本文介绍一定会让你有所收获。
解决IE6、IE7、Firefox兼容的两种方案
第一种方案：CSSHack
具体写法很容易：
#someNode
{
position:fixed;
#position:fixed;
_position:fixed;
}
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
第一排给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));
}
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
第二种方案：
为不同的浏览器建立不同的.css方案，在用户浏览时，根据浏览器类型及版本号不同，分别加载不同的css文件。当然，这里又产生两种方案，用JS判断或服务器端方法。这里关于IE6、IE7、Firefox兼容的两种方案介绍完毕，请关注本文其他相关报道。
【编辑推荐】
