瀏覽器兼容性問(wèn)題是網(wǎng)站前端設(shè)計(jì)師必須要掌握的必備結(jié)束，網(wǎng)絡(luò)上也有很多相關(guān)的資料，但是很多不符合WEB2.0標(biāo)準(zhǔn)。現(xiàn)在主流的解決方法主要是IE條件注釋和CSS HACK*（建議盡量少用，容易用上癮）。

前言，對(duì)于開(kāi)發(fā)人員來(lái)說(shuō)最大的問(wèn)題是絕大多數(shù)用戶仍然在使用IE6，而它是一個(gè)對(duì)CSS規(guī)范支持較差，問(wèn)題較多的瀏覽器。

1.1條件注釋

2. 0  css hack

      前言, CSS hack由于不同的瀏覽器，比如Internet Explorer 6,Internet Explorer 7, 6,Internet Explorer 8,Mozilla Firefox等，對(duì)CSS的解析不一樣，因此會(huì)導(dǎo)致生成的頁(yè)面效果不一樣，得不到我們所需要的頁(yè)面效果。 這個(gè)時(shí)候我們就需要針對(duì)不同的瀏覽器去寫不同的CSS，讓它能夠同時(shí)兼容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁(yè)面效果。

2.1 css hack詳解

     注:所有的hack都是針對(duì)IE瀏覽器
    "\9"　例:"border:1px \9;".這里的"\9"可以區(qū)別所有IE和FireFox.
    "\0"　IE8識(shí)別，IE6、IE7不能.
    "*"　IE6、IE7可以識(shí)別.IE8、FireFox不能.
     "_"　IE6可以識(shí)別"_",IE7、IE8、FireFox不能.

2.2 css hack 舉例1
   IE6 hack
   _background-color:#CDCDCD;

   IE6 IE7 hack
   *background-color:#dddd00;

   IE8 hack
   background-color:red\0;

   IE9 hack
   background-color:blue\9\0;
2.3 css hack 舉例2

 #tip{
      background:blue;
      background:green\9;    區(qū)分IE 和firefox(不支持)
      *background:red !important;
      *background:yellow; }
     說(shuō)明:IE6能識(shí)別*；不能識(shí)別 !important;
　　      IE7能識(shí)別*，能識(shí)別!important;
            FF不能識(shí)別*，但能識(shí)別!important;
2.4 CSS HACK總結(jié)

_IE6專用 （IE6不支持!important）
*IE6和IE7專用
\0 IE8IE9
\9區(qū)分IE和火狐
!important IE6以上的瀏覽器支持

\9\0 IE9支持