浏览器兼容问题

css

不同浏览器的标签默认的margin和padding不同

//解决
*{
    padding:0;
    margin:0;
}

对于一些新特性，低版本浏览器不兼容，可以用渐进增强或优雅降级。

js

阻止冒泡

function canclebubble(event){ 
    var event = event||window.event; //兼容火狐
    if(event.stopPropagation){   
        event.stopPropagation(); //标准浏览器
    }else{ 
        event.cancaleBubble==true; //老ie 
    } 
}

取消默认事件

function stopevent(event){ 
    var event = event||window.event; //兼容火狐
    if(event.preventDefault){
        event.preventDefault(); //标准浏览器 
    }else{
        event.returnValue==false; //老ie 
    } 
}

注意

1. event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等；
2. event对象只在事件发生的过程中才有效。
3. firefox里的event跟IE里的不同，IE里的是全局变量，随时可用；firefox里的要用参数引导才能用，是运行时的临时变量。
4. 在IE/Opera中是window.event，在Firefox中是event；而事件的对象，在IE中是window.event.srcElement，在Firefox中是event.target，Opera中两者都可用。