這里向大家介紹一下解決IE6、IE7、Firefox兼容的兩種方案，為不同的瀏覽器建立不同的.css方案，在用戶瀏覽時，根據(jù)瀏覽器類型及版本號不同，分別加載不同的css文件，相信本文介紹一定會讓你有所收獲。

目前成都創(chuàng)新互聯(lián)公司已為上千多家的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)站空間、網(wǎng)站托管、服務器托管、企業(yè)網(wǎng)站設計、新晃網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

解決IE6、IE7、Firefox兼容的兩種方案

第一種方案：CSSHack

具體寫法很容易：

 
 
 

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

 
 
 

第一排給Firefox以及其他瀏覽器看

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

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

最好的應用就是可以讓IE6也“支持”position:fixed，而且，配合這個原理，可以做到不引入JavaScript代碼（僅用IE6的expression），我這里有一個現(xiàn)成的頁面，

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方案，在用戶瀏覽時，根據(jù)瀏覽器類型及版本號不同，分別加載不同的css文件。當然，這里又產(chǎn)生兩種方案，用JS判斷或服務器端方法。這里關(guān)于IE6、IE7、Firefox兼容的兩種方案介紹完畢，請關(guān)注本文其他相關(guān)報道。

文章標題：兩種方案解決IE6、IE7、Firefox兼容問題
本文網(wǎng)址：http://uogjgqi.cn/article/cccghhs.html