IE兼容性汇总

平时测试过的一些常见的，以后遇到兼容性问题还会持续更新
一、JS相关
1.IE7及以下不支持对字符串用下标检索，
例如：var s='abc';
 console.log(s[0]);//在IE7及以下浏览器下结果是undefined
 解决办法是用charAt进行检索
 console.log(s.chatAt(0));//结果是a
2.事件绑定
IE8及以下不支持addEventListener进行事件绑定，而是用attachEvent进行事件绑定。但是，IE9及以上版本就开始支持addEventListener进行事件绑定了。
既然谈到事件绑定，就说一下addEventListener和attachEvent的区别
（1）前者 是DOM2级事件，在IE9及以上浏览器、火狐、谷歌等支持；后者只在IE8及以下浏览器中支持。
（2）两者的参数个数及表现形式有所不同
addEventListener('click',function(){},false);  //第三个参数如果为true表示在捕获阶段调用事件处理程序，为false则表示在冒泡阶段调用事件处理程序
attachEvent('onclick',function(){}); //第一个参数事件名一定要加'on'
（3）前者会在所属元素的作用域内运行，即this指向所绑定的元素；后者会在全局作用域中运行，即this指向window
（4）两者执行的顺序不一样
当同一元素绑定多个事件处理程序时，前者会按绑定顺序从上到下按顺序执行，而后者执行顺序刚好相反。
二、CSS相关
1.IE6下，对block元素设置margin-left:auto;margin-right:auto;起不到居中的效果。
2.盒子模型，IE盒子模型width包括内容的width、padding的width、border的width。但标准盒子模型width仅包括内容的width。
3.IE6不支持min-height和min-width,max-width和max-height
4.IE8及以下不支持opacity
5.IE6不支持子选择器方法
如ul>li{width:200px;height:200px; border:1px solid #ccc;}是不起作用的