浏览器兼容代码:
图片描述
说明:”√”代表能识别;” ×”代表不识别
1、 案例一(常用)
如果各个浏览器的高度都不相同,代码如下:

.warp{
    Height:100px;          /*IE6、IE7、IE8、FF识别*/ 
    Height:110px\9;       /*IE8识别*/  
    *height:120px!important;        /*IE7 识别*/  
    *height:130px;           /*IE6、IE7识别,但上一段代码中!important的级别比*号的级别高,所以此段代码只有IE6中才有效*/ 
}

2、 案例二
如果各浏览器高度只有IE6和IE7中相同,而FF不同,代码如下:

.warp{  
    Height:100px;     /*IE6 、IE7、 IE8、FF识别*/ 
    *height:120px;    /*IE6、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]-->

请鹅出战
328 声望3 粉丝

当我带上墨镜,也许我就真的瞎了。