由於不同的浏覽器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,對CSS的解析認識不一樣,因此會導致生成的頁面效果不一樣,得不到我們所需要的頁面效果。
這個時候我們就需要針對不同的浏覽器去寫不同的CSS,讓它能夠同時兼容不同的浏覽器,能在不同的浏覽器中也能得到我們想要的頁面效果。
這個針對不同的浏覽器寫不同的CSS code的過程,就叫CSS hack。
區別不同浏覽器,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和Firefox均不支持下劃線。
於是大家還可以這樣來區分IE6,IE7,Firefox
background:orange;*background:green;_background:blue;
注:不管是什麼方法,書寫的順序都是Firefox的寫在前面,IE7的寫在中間,IE6的寫在最後面。