firefox与IE中几处不同的地方

firefox中几处与IE中不同的地方：
1.firefox不能对innerText支持，也不知道为什么。firefox支持innerHTML但却不支持innerText，所以上网查了一下，原来它改支持textContent来实现innerText，不过实现得没有那么好，默认把多余的空格也保留了。如果不用textContent，如果字符串里面不包含HTML代码也可以用innerHTML代替

2.禁止选取网页内容：

在IE中一般用js：obj.onselectstart=function(){return false;}

而firefox用CSS:-moz-user-select:none

3.滤镜的支持(例：透明滤镜)：

IE:filter：alpha(opacity=10);

firefox：-moz-opacity:.10;

4.捕获事件：

IE：obj.setCapture() 、obj.releaseCapture()

Firefox： document.addEventListener("mousemove",mousemovefunction,true);

　　　　document.removeEventListener("mousemove",mousemovefunction,true);

5.获取鼠标位置：

IE:event.clientX、event.clientY

firefox：需要事件函数传递事件对象

　　　　obj.onmousemove=function(ev){

　　　　 X= ev.pageX;Y=ev.pageY;

　　　　}

6.DIV等元素的边界问题：

比如：设置一个div的CSS:：{width:100px;height:100px;border:#000000 1px solid;}

IE中：div的宽度（包括边框宽度）：100px，div的高度（包括边框宽度）：100px；

而firefox：div的宽度（包括边框宽度）：102px，div的高度（包括边框宽度）：102px；

所以在做这个兼容IE和firefox的拖动窗口时，在js和css的写法上要动点脑筋，给大家两个小技巧

一.判断浏览器类型：

var isIE=document.all? true:false;

我写了一个变量，如果支持document.all语法那么isIE=true，否则isIE=false

二.在不同浏览器下的CSS处理：

一般可以用!important来优先使用css语句（仅firefox支持）

比如：{border-width:0px!important;border-width:1px;}

在firefox下这个元素是没有边框的，在IE下边框宽度是1px