1. 清除浮动的兼容性 清除浮动在低版本浏览器不行，需要处理兼容性 加一个.clearfix{*zoom:1;}
2. ie低版本不支持Rgba（）
3. 每个浏览器都有自己的前缀 主要解决css3中的兼容问题 chrome(谷歌) 的前缀 -webkit- firefox(火狐) 的前缀 -moz- ie 的前缀 -ms- (opera)欧朋 的前缀 -o- 国内的浏览器的内核是谷歌
4. Document.body 获取的是文档中的body标签 Document.documentElement 获取的是文档中根节点 但Ie6不支持document.documentElement,所以要兼容 兼容性写法 Var w=document.documentElement.clientWidth||document.body.clientWidth 获取浏览器可见区的宽度
5. 获取浏览器的body属性是有兼容的 Var dd=document.body||document.documentElement scrollTop和scrollLeft的最小值是0 获取body的整个文档的高 document.body.scrollHeight||document.documentElement.scrollHeight 获取浏览器一屏幕的高(浏览器的可视区) Document.body.clientHeight||document.documentElement.clientHeight
6. Event 的兼容性 在chrome下 event是undefined 在Ie低版本下是null，火狐下会报错 document.onclick=function(e){ var e=e||window.event }
7. 阻止事件冒泡兼容性 1.event.cancelBubble=true 2.event.stopPropagation?event.stopPropagation():event.cancelBubble=true
8. 阻止事件默认行为兼容性 比如 a的href Href为空 会自动刷新页面 Href为# 锚点跳转 Href为javascript:;阻止默认行为的发生 Event.preventDefault?Event.preventDefault():event.returnValue=false