兼容性问题，这个是巨大的陨石坑

window.scrollY：检测文档滚动的某段距离。傲娇的ie不支持这个api,但可以用pageYOffset这个兼所有浏览器,ie9+。

background-position-x/y : 设置背景图片的x坐标或者y坐标，firefox不支持这个样式,ie和谷歌支持,通常用 background-position: 10px 20px; 解决。

D3.js 力导向图的svg path在ie中渲染时，线条出不来：path.each(function(){this.parentNode.insertBefore(this,this);});

火狐老版本不支持 innerText ，但都支持 textContent。

WdataPicker.js兼容ie：修改WdataPicker.js，把 $crossFrame 改为 false 

window.history.pushState，目前IE9之前不支持此方法

在给element绑定事件的时候，很可能出现在谷歌可以执行的事件，但是火狐ie却不能执行的情况，这时候首先要排除绑定元素的位置，看是否被父级覆盖导致的。

这个虽然不是兼容性问题，但是挺坑的，就是 input框的blur事件和其他dom元素的点击事件会有冲突，blur会优先于click执行，避免的方法就是 给 blur 加个延时 ，然后click里面加个全局变量，到blur里面加个判断全局变量的情况，选择性执行。

 

转载于:https://www.cnblogs.com/1rookie/p/7272695.html