常见的浏览器兼容性问题

~ 不同浏览器对于不同标签的解析是不同的

建议初始化 *{padding:0; margin:0;}

~ 块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置大。

~ 浮动IE产生的双倍距离 (加上display:inline)

css

.box{

    .background-color:# 000; /*所有识别*/

    .background-color:#00deff\9; /*IE6,7,8识别*/

    +background-color: #000; /*IE6,7识别*/

    _background-color:#000; /*IE6识别*/

}

~ IE下使用常规属性可以获取也使用getAttribute();获取自定义属性；

FF只能使用getAttribute();获取自定义属性；

解决方法：统一使用getAttribute();获取自定义属性。

~IE下，event对象有x,y属性，但是没有pageX,pageY属性；

FF下，event对象有pageX,pageY属性，但是没有x,y属性。