如圖
在 5s ios9.3 的系統(tǒng)下是正常顯示的

1496717165(1).png

在 7s ios10 的系統(tǒng)下顯示就沒有邊框了

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;

問(wèn)題解決辦法
把邊框?qū)傩苑珠_寫：

.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;
    ……
  }

希望對(duì)大家有用

參考文章：小鹿_同學(xué) 的博客