浏览器兼容合集
CSS中
body,ul,ol的默认样式
body，ul，ol等标签在所有浏览器下都有默认的样式，但因为body标签在IE7的margin为15px，而IE8以上与其他浏览器margin为8px，所以清除这些标签默认样式属于兼容问题。
解决方式：
1.使用通配符 * { margin:0;padding:0 }
影响性能，不建议使用。
2.通用样式表 body,ul,ol { margin:0;padding:0}
具体标签具体清空样式
opacity 属性IE8以下不兼容（包含IE8）
解决方式：使用filter:alpha(opacity=50)
<!DOCTYPE html>
<html>
<head>
<title>xxxx</title>
</head>
<style type="text/css">
#test {
width:100px;
height:100px;
opacity: .6;
filter:alpha(opacity=50);
}
div {
/* 缩放 （负数会倒置）*/
transform: scale(1.5);
}
</style>
<body>
<div id="test">test</div>
</body>
</html>
DOM 的classList属性
IE9以下（包含IE9）没有classList属性。
解决方式：使用className.split(" ") //使用空格分隔
###未完待续。。。
