全面兼容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]-->
相关文章
相关标签/搜索