遇到的前端兼容性问题

1、filter

filter 此函数在ios移动端（iphone5s）失效,vue打包工具webpack也不能解决。修改为:-webkit-filter
2、box-shadow

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);//使用滤镜，但是滤镜必须要设置background-color;
background-color: #CCC;

-moz-box-shadow: 0px 10px 10px 2px green;
-webkit-box-shadow: 0px 10px 10px 2px green;
box-shadow: 0px 10px 10px 2px green;

3、border-radius

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-border-radius: 10px;

-moz-border-radius-topleft / -webkit-border-top-left-radius 
-moz-border-radius-topright / -webkit-border-top-right-radius 
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius 
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius 

4、border-image

/*ie不支持此属性*/
-moz-border-image: border-image:url(../src/image) 7 12  repeat;
-webkit-border-image: border-image:url(../src/image) 7 12  repeat;
border-image: border-image:url(../src/image) 7 12  repeat;

5、transform

CSS3；

-webkit、-moz、-ms、-o