浏览器兼容代码:
说明:”√”表明能识别;” ×”表明不识别
一、 案例一(经常使用)
若是各个浏览器的高度都不相同,代码以下:浏览器
.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]-->