HTML和CSS中如何判斷ie各版本瀏覽器
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow
也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!
一、HTML程式碼中
在編寫網頁程式碼時,各種瀏覽器的相容性是個必須考慮的問題,有些時候無法找到適合所有瀏覽器的寫法,就只能寫根據瀏覽器種類區別的程式碼,這時就要用到判斷程式碼了。在HTML程式碼中,區別各種瀏覽器的程式碼如下,以ie6為例
<!--[if 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註釋而直接無視掉。
<body>
<!--[if IE 6]>
<div>
IE6中才可以看到
</div>
<![endif]-->
<div>
其他
</div>
</body>
所以要想些針對firefox之類的非ie瀏覽器,需要這麼寫:<!--
二、CSS程式碼中
CSS程式碼中,則可以根據各瀏覽器自己獨立的可識別的特殊程式碼來編寫區分瀏覽器的程式碼,例如為IE系列瀏覽器可讀[\9],而IE6和IE7可讀[*],另外IE6可辨識[ _ ](下劃線);由
於CSS讀取時是按從上到下來的,同樣屬性靠後寫的生效,因此可以依照順序寫下來,就會讓每個瀏覽器正確的讀取到自己看得懂得CSS語法,有效區分各型別或版本:
.classname{
background:blue; /*Firefox等非IE瀏覽器背景變藍色*/
background:red \9; /*IE8 背景變紅色*/
*background:black; /*IE7 背景變黑色*/
_background:orange; /*IE6 背景變橘色*/
}
.classname {
background:black !important; /*非IE6 背景變黑色*/
background:orange; /*IE6 背景變橘色*/
}
因為其他瀏覽器可讀取「!important;」但IE6卻不行。
原帖地址:http://hi.baidu.com/yansueh/item/2c1f1adfd9c22a43ddf9beeb