這里向大家介紹一下解決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上面浮動層