浏览器兼容性问题收集(IE,Firefox,Chrome,Safri)
版权申诉
73 浏览量
2023-09-20
23:22:27
上传
评论
收藏 72KB DOC 举报
浏览器兼容性问题收集(IE,Firefox,Chrome,Safri)
Windows 绑定ＩＥ一家独大的局面随着移动互联网的到来，一去不复返，现在起是各种自
产的，山寨的浏览器大混战，做为 WEB 开发者，必须面对处理各种浏览器兼容问题，其实
大家也都基本遵循行业规则及标准，如 W3C 等。只有些特别的处理不同，以前自己开发时
也遇到好多，但因为没有记录，大脑选择性遗忘了，在度娘也靠不住的时代，还是自己记录
吧：
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；
资源评论
