全面兼容ie6,ie7,ie8,ff的最簡單的css寫法

瀏覽器兼容代碼:
圖片描述
說明:」√」表明能識別;」 ×」表明不識別
一、 案例一(經常使用)
若是各個瀏覽器的高度都不相同,代碼以下:瀏覽器

.warp{
    Height:100px;          /*IE六、IE七、IE八、FF識別*/ 
    Height:110px\9;       /*IE8識別*/  
    *height:120px!important;        /*IE7 識別*/  
    *height:130px;           /*IE六、IE7識別,但上一段代碼中!important的級別比*號的級別高,因此此段代碼只有IE6中才有效*/ 
}

二、 案例二
若是各瀏覽器高度只有IE6和IE7中相同,而FF不一樣,代碼以下:spa

.warp{  
    Height:100px;     /*IE6 、IE七、 IE八、FF識別*/ 
    *height:120px;    /*IE六、IE7識別*/ 
}
只在IE下生效
    <!--[if IE]>
    這段文字只在IE瀏覽器顯示
    <![endif]-->
    
    只在IE6下生效
    <!--[if IE 6]>
    這段文字只在IE6瀏覽器顯示
    <![endif]-->
    
    只在IE6以上版本生效
    <!--[if gte IE 6]>
    這段文字只在IE6以上(包括)版本IE瀏覽器顯示
    <![endif]-->
    
    只在IE8上不生效
    <!--[if ! IE 8]>
    這段文字在非IE8瀏覽器顯示
    <![endif]-->
    
    非IE瀏覽器生效
    <!--[if !IE]>
    這段文字只在非IE瀏覽器顯示
    <![endif]-->
相關文章
相關標籤/搜索