日常兼容性问题记录

1、窗口滚动上卷高度：

为了跨浏览器兼容，请使用 window.pageYOffset 代替 window.scrollY。另外，旧版本IE（<9）两个属性都不支持，必须使用其他的非标准属性。完整的兼容性代码如下：

完美兼容写法：

var supportPageOffset = window.pageXOffset !== undefined;
var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat");

var x = supportPageOffset ? window.pageXOffset : isCSS1Compat ? document.documentElement.scrollLeft : document.body.scrollLeft;
var y = supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop;

2、HTML5表单fieldset使用overflow:hidden时，legend标签的显示问题：

区别：如果设置fieldset为overflow:hidden，chrome、ie8-edge会隐藏超出的legend标签内容，而火狐就不会

3、text-overflow的兼容性处理：

overflow: hidden; 
white-space: nowrap; 
-o-text-overflow: ellipsis; /* for Opera */ 
text-overflow: ellipsis; /* for IE */ 

4、IE8无法使用：

border-radius
box-shadow
background 无法设置 cover/contain