content:"";

  clear:both;

  display:block;

  visibility:hidden;

  height:0;

}

.clear{

       *zoom:1;

}

2、透明度的兼容性

opacity:0.3;

filter:alpha(opacity=30);

3、各种国外浏览器在CSS3中的兼容问题

国内的浏览器的内核都是谷歌

Chrome的前缀-webkit-

Firefox的前缀-moz-

IE的前缀-ms-

Opera的前缀-o-

4、document获取根节点的兼容性(Ie6不支持document.documentElement)

var w=document.documentElement.clientWidth||document.body.clientWidth

5、mouseEvent有兼容性

标准浏览器可以直接读取,但ie不行
解决方法:div.onclick=function(ev){
      var ev=ev||window.event
       }

 6、event对象的兼容性

clientX和clientY是鼠标到浏览器窗口左上角距左边
pageX和pageY是鼠标到网页左上角的距离坐标 ie低版本没有这个属性

在ie下计算pageY的值:clientY + scrollTop

 7、事件源 (被点击的元素)

标准浏览器的事件源: ev.target

ie6-8没有这个属性 但是有ev.srcElement

 8、阻止事件冒泡的兼容性

event.cancelbubble=true

event.stopPropagation?event.stopPropagation():event.cancelbubble=true

9、阻止事件默认行为兼容性

a的href

href为空,会自动刷新页面

href为"#",锚点跳转

href为javascript:; 阻止默认行为的发生

event.preventDefault?event.preventDefault():event.returnValue=false