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

Posted 2020-06-23

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

*	IE6 IE7
+	IE7
-	IE6
！important	IE7 IE8 IE9 IE10 及其他浏览器
\9	IE系列浏览器
\0	IE8 IE9 IE10
\9\0	IE9 IE10

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

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

              +background-color:#0f0;

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

*html	IE6
*+html	IE7
:root	IE9

      用法：<hack>selector{  }

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

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

lte	小于或等于
lt	小于
gte	大于或等于
gt	大于
！	不等于

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

             <!-[if  lte IE9]>

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

             <![endif]->