浏览器兼容性问题

css部分
1.默认的内外边距不同
问题：
各个浏览器默认的内外边距不同
解决：
*{margin:0;padding:0;}

2.超链接访问过后hover样式不出现的问题
问题：
点击超链接后，hover、active样式没有效果
解决：
改变CSS属性的排列顺序: Link-Visited-Hover-Active
3，IE6双边距问题
块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大
解决：在float的标签样式控制中加入 display:inline;将其转化为行内属性
4.当标签的高度设置小于10px，在IE6、IE7中会超出自己设置的高度
解决方案：超出高度的标签设置overflow:hidden,或者设置line-height的值小于你的设置高度
5…图片默认有间距
问题症状：几个img标签放在一起的时候，有些浏览器会有默认的间距，加了问题一中提到的通配符也不起作用
解决方案：使用float属性为img布局
6.设置较小高度标签（一般小于10px），在IE6，IE7，遨游中高度超出自己设置高度
IE6、7和遨游里这个标签的高度不受控制，超出自己设置的高度
解决方案：给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度。

javascript部分

1.HTML对象获取问题
FireFox：document.getElementById(“idName”);
ie:document.idname或者document.getElementById(“idName”).
解决办法：统一使用document.getElementById(“idName”);
2.const问题
说明:Firefox下,可以使用const关键字或var关键字来定义常量;
IE下,只能使用var关键字来定义常量.
解决方法：统一使用var关键字来定义常量.
3.event.x与event.y问题
说明:IE下,event对象有x,y属性,但是没有pageX,pageY属性;
Firefox下,event对象有pageX,pageY属性,但是没有x,y属性.
解决方法：使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX.
4，事件委托
.事件委托方法
问题说明：IE下，使用document.body.onload = inject; 其中function inject()在这之前已被实现；在Firefox下，使用document.body.onload = inject();
解决方法：统一使用document.body.οnlοad=new Function(‘inject()’); 或者document.body.onload = function(){/* 这里是代码 */}
[注意] Function和function的区别