[移动端] IOS下border-image不起作用的解决办法

如图
在 5s ios9.3 的系统下是正常显示的

1496717165(1).png

在 7s ios10 的系统下显示就没有边框了

1496717210(1).png

一般写法:

border:6px solid transparent;
    -webkit-border-image:url(../img/border_img.jpg) 6 6 round;
    border-image:url(../img/border_img.jpg) 6 6 round;

问题解决办法
把边框属性分开写：

.example{
    ……
    border-style: solid;
    border-width: 6px;
    -webkit-border-image:url(../img/border_img.jpg) 6 6 round;
    border-image:url(../img/border_img.jpg) 6 6 round;
    ……
  }

希望对大家有用

参考文章：小鹿_同学 的博客