1、清除浮动的兼容性(低版本的浏览器不兼容问题)
.clearfix:after{
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