各浏览器css差异积累(不断更新中)

1.background: url(../images/member_right.gif) 0 -35px;

IE和chrome中 -35后面的'px'可要可不要,但是firefox则必需加上,Safari和Opera暂无测试;

2.padding属性

IE设置该属性后，div会增加height和width,但firefox和chrome不会,Safari和Opera暂无测试;

CSS Hack 区别IE6/IE7/IE8/IE9和其它标准浏览器(如Chrome、火狐)

#test   
    {   
        width:300px;   
        height:300px;   
        background-color:blue;      /*chrome等标准浏览器*/

        background-color:red\9;     /*所有ie浏览器都能识别*/

        background-color:Green \9;  /*ie8或以下浏览器能识别  IE9不能识别*/
        *background-color:pink;     /*ie7和ie6能识别*/
        _background-color:orange;   /*ie6能识别*/
    }  

 

 

注意：background-color:red\9和background-color:Green \9的区别在于"\9"前面的空格,本人测试发现

     如果"\9"前面有个空格,那么IE9浏览器识别不了,IE8或以下版本的IE浏览器则能够识别,如果"\9"前面没有空格,那就是

     background-color:red\9了,这个时候包括IE9在内的所有IE浏览器都能识别,有点怪异...