CSS hack：IE6，IE7，firefox顯示不同效果

標籤：style   c   http   width   a   com   

IE8下相容問題，這個最好處理，轉化成IE7相容就可以。在頭部加如下一段代碼，然後只要在IE7下相容了，IE8下面也就相容了：

<meta  http-equiv="x-ua-compatible" content="IE=7"/>

 

 

區別不同瀏覽器的CSS hack寫法： 

區別IE6與FF： 
       background:orange;*background:blue; 

區別IE6與IE7： 
       background:green !important;background:blue; 

區別IE7與FF： 
       background:orange; *background:green; 

區別FF，IE7，IE6： 
       background:orange;*background:green !important;*background:blue; 

註：IE都能識別*;標準瀏覽器(如FF)不能識別*；

IE6能識別*，但不能識別 !important, 
IE7能識別*，也能識別!important; 
FF不能識別*，但能識別!important; 

	IE6	IE7	FF
*	√	√	×
!important	×	√	√

------------------------------------------------------ 
另外再補充一個，底線"_", 
IE6支援底線，IE7和firefox均不支援底線。 

於是大家還可以這樣來區分IE6，IE7，firefox 
: background:orange;*background:green;_background:blue;  

註：不管是什麼方法，書寫的順序都是firefox的寫在前面，IE7的寫在中間，IE6的寫在最後面。