遇到的前端兼容性问题

最新推荐文章于 2022-05-07 16:04:44 发布

原创最新推荐文章于 2022-05-07 16:04:44 发布 · 置顶 · 640 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

39 篇文章

订阅专栏

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;