HTML+CSS中如何判斷浏覽器類型

很多時候都本浏覽器相容性的問題搞的頭疼，這個理有個比較好的浏覽器提示！可以判斷你的浏覽器是什麼浏覽器！很給力！大家可以試試。。。有更好的方法可以給我留言撒，交流交流！

在編寫網頁代碼時，各種浏覽器的相容性是個必須考慮的問題，有些時候無法找到适合所有浏覽器的寫法，就隻能寫根據浏覽器種類差別的代碼，這時就要用到判斷代碼了。

在HTML代碼中，差別各種浏覽器的代碼如下(以ie6為例，這時目前國内使用者最多的，得益于盜版xp系統的廣泛流傳….不過這玩意也是絕大部分相容性問題的根源，因為其标準化程度實在是….)：

<!–[if IE 6]> 僅IE6可識别 <![endif]–>

<!–[if lte IE 6]> IE6及其以下版本可識别 <![endif]–>

<!–[if lt IE 6]> IE6以下版本可識别 <![endif]–>

<!–[if gte IE 6]> IE6及其以上版本可識别 <![endif]–>

<!–[if gt IE 6]> IE6以上版本可識别 <![endif]–>

<!–[if IE]> 所有的IE可識别 <![endif]–>

以上這些代碼寫法都是針對ie各版本浏覽器的，在其他浏覽器中這些代碼都會被解釋為Html注釋而直接無視掉，是以要想些針對firefox之類的非ie浏覽器，需要這麼寫：

<!–[if !IE]><!–> 除IE外都可識别 <!–<![endif]–>

——————————————————————————————————————————-

CSS代碼中，則可以根據各浏覽器自己獨立的可識别的特殊代碼來編寫區分浏覽器的代碼，例如為IE系列浏覽器可讀[\9]，而IE6和IE7可讀[*]，另外IE6可辨識[ _ ](下劃線)；由于CSS讀取時是按從上到下來的，同樣屬性靠後寫的生效，是以可以依照順序寫下來，就會讓每個浏覽器正确的讀取到自己看得懂得CSS文法，有效區分各類型或版本：

.classname{

background:blue;

background:red \9;

*background:black;

_background:orange;

}

類似的還有：

.classname {

background:black !important;

background:orange;

}

因為其他浏覽器可讀取「!important;」但IE6卻不行。