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

做網站時經常會用到，衡量一個DIV+CSS架構師的水平時，這個也很重要。

區別不同瀏覽器的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	FF
*	√	√	×
!important	×	√	√
_	√	×	×

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

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

 

轉載於:www.8tops.com 原創:郭文