做網(wǎng)站的時(shí)候煩人的就是IE的不兼容，這也害苦了不知道多少的編碼師。今天西安網(wǎng)絡(luò)公司就為大家特地的講解一下網(wǎng)站的兼容如何的解決。

    特別是對(duì)完全使用DIV+CSS設(shè)計(jì)的網(wǎng)頁(yè)，就應(yīng)該更注意IE6IE7FF對(duì)CSS樣式的兼容，不然，你的網(wǎng)頁(yè)可能亂的一塌糊涂！我經(jīng)常被這些東西整的焦頭爛額,于是呼在網(wǎng)上找了些資料,加上自己的理解和這些日子的經(jīng)驗(yàn),整理了一些資料,其中有一些我還沒(méi)用到的和還不能理解的,就直接從別的地方給粘了過(guò)來(lái),不知道有沒(méi)有錯(cuò)誤,等我以后用到的時(shí)候慢慢改吧,希望對(duì)大家有點(diǎn)幫助!什么是瀏覽器兼容：當(dāng)我們使用不同的瀏覽器（FirefoxIE7IE6）訪問(wèn)同一個(gè)網(wǎng)站，或者頁(yè)面的時(shí)候，會(huì)出現(xiàn)一些不兼容的問(wèn)題，在這種瀏覽器下顯示正常，在另一種下就亂了，我們?cè)诰帉?xiě)CSS的時(shí)候會(huì)很惱火，剛修復(fù)了這個(gè)瀏覽器的問(wèn)題，結(jié)果另外一個(gè)瀏覽器卻出了新問(wèn)題。important(功能有限)

    隨著IE7對(duì)!important的支持,!important方法現(xiàn)在只針對(duì)IE6的兼容.(注意寫(xiě)法.記得該聲明位置需要提前.)

    例如:

    #example{

    width:100px!important;

    width:200px;

    }

    二、CSSHACK的方法(新手可以看看，高手就當(dāng)路過(guò)吧)

    首先需要知道的是：

    所有瀏覽器通用height:100px;

    IE6專(zhuān)用_height:100px;

    IE7專(zhuān)用*+height:100px;

    IE6、IE7共用*height:100px;

    IE7、FF共用height:100px!important;

    例如：

    #example{height:100px;}

    *html#example{height:200px;}

    *+html#example{height:300px;}

    下面的這種方法比較簡(jiǎn)單

    舉幾個(gè)例子：

    1、IE6-IE7+FF

    #example{

    height:100px;

    _height:200px;

    }

    其實(shí)這個(gè)用上面說(shuō)的第一種方法也可以

    #example{

    height:100px!important;

    height:200px;

    }

    2、IE6+IE7-FF

    #example{

    height:100px;

    *height:200px;

    }

    3、IE6+FF-IE7

    #example{

    height:100px;

    *+height:200px;

    }

    4、IE6IE7FF各不相同

    #example{

    height:100px;

    _height:200px;

    *+height:300px;

    }

    或：

    #example{

    height:100px;

    *height:300px;

    _height:200px;

    }

    需要注意的是，代碼的順序一定不能顛倒了，要不又前功盡棄了。因?yàn)闉g覽器在解釋程序的時(shí)候，如果重名的話(huà)，會(huì)用后面的覆蓋前面的，就象給變量賦值一個(gè)道理，所以我們把通用的放前面，越專(zhuān)用的越放后面

    解釋一下4的代碼：

    讀代碼的時(shí)候，第一行height:100px;大家都通用，IE6IE7FF都顯示100px

    到了第二行*height:300px;FF不認(rèn)識(shí)這個(gè)屬性，IE6IE7都認(rèn)，所以FF還顯示100px，而IE6IE7把第一行得到的height屬性給覆蓋了，都顯示300px

    到了第三行_height:200px;只有IE6認(rèn)識(shí)，所以IE6就又覆蓋了在第二行得到的height,顯示200px

    這樣，三個(gè)瀏覽器都有自己的height屬性了，各玩各的去吧

    這樣說(shuō)要是你還不明白，要么你去撞墻，要么我去!不過(guò)還是你去比較好。

    哦，差點(diǎn)忘了說(shuō)了：

    *+html對(duì)IE7的兼容必須保證HTML頂部有如下聲明：

來(lái)源：閆寶龍（微信/QQ號(hào):18097696），網(wǎng)站內(nèi)容轉(zhuǎn)載請(qǐng)保留出處和鏈接！

本文鏈接：http://webteknics.com/post/4862.html