常见兼容性问题
- png24 位的图片在 iE6 浏览器上出现背景,解决方案是做成 PNG8
- 浏览器默认的 margin 和 padding 不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一,但是全局效率很低,一般是如下这样解决:
1 | body,ul,li,ol,dl,dt,dd,form,input,h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; } |
- IE 下,event 对象有 x,y 属性,但是没有 pageX,pageY 属性
- Firefox 下,event 对象有 pageX,pageY 属性,但是没有 x,y 属性
参考资料
前端浏览器兼容性问题总结