火狐和IE浏览器的兼容问题汇总

1.window.event

code=(navigator.appName="Netscape")?event.which:event.keycode;

2.event.x

mx=event.x?event.x:event.pageX(火狐)

3.IE：event.srcElement  ;

Firefox:event.target;

4.cursor:hand(仅适用与IE)； cursor:pointer;支持所有浏览器

5.innerText与textContent

if(navigator.appName.indexOf("Explorer")>-1){

document.getElementById("element").innerText="a";

}else{

document.getElementById("element").textContent="a";

}

6.padding:5px 4px 3px 2px;(火狐不支持，需分别设置)

7.XMLHTTP(XMLHttpRequest/ActiveXObject);

8.CSS hack:

①.css内部hack

用法：selector{<hack>?property:value<hack>};

例：background-color:#0f0\9;

+background-color:#0f0;

②选择器hack(主要针对IE浏览器)

用法：<hack>selector{  }

例：:root .test{background-color:#0f0;}

③HTML头部引用（只能用在HTML文件里，只有在IE浏览器下才能执行）

例：<link rel="stylesheet" type="text/css" href="myCss.css"/>

<!-[if  lte IE9]>

<link rel="stylesheet" type="text/css" href="myIE.css"/>

<![endif]->