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>

 

posted @ 2014-04-21 14:30  远方的远方  阅读(931)  评论(0)  编辑  收藏  举报