css各浏览器的兼容性写法

各浏览器下的兼容性写法

老版Chrome -webkit-xxx

FF -moz-xxx

IE9 -ms-xxx

opera -o-xxx

标准、高版本Chrome xxx

JS兼容型写法

大写：Webkit Transition =…

全都加一遍：Webkit…、Moz…、O…、ms…

eg:

<style>
.box{
    width:200px;height:200px;background:red;
    -webkit-transition:1s;
    -moz-transition:1s;
    -ms-transition:1s;
    -o-transition:1s; 
    transition:1s;
}
.box:hover{width:300px;height:300px;background:blue;}
</style>
</head>
<body>
<div class="box"></div>
</body>