IOS页面边框是显示不出来怎么办？border-image实例教程

说实在的很想吐槽一下我们美工的审美哈，不过这不是重点。

因为边框是需要特殊花纹的所以打算用border-image实现。

  .example{
    ……

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

最终发现安卓显示正常。IOS边框是显示不出来的。

解决办法是：
把 border:6px solid transparent; 替换为单独的属性，即：border-style 和 border-width。

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

希望对大家有帮助。

您可能感兴趣的文章：
IOS页面边框是显示不出来怎么办？border-image实例教程
html5 border属性怎么设置？html5 table中的border属性介绍
H5启动APP原生页面的实例方法
如何解决HTML5微信播放全屏问题
关于移动端H5页面中1px边框的解决方法
如何解决HTML5微信播放全屏问题的方法
怎样实现H5微信播放全屏
CSS Border 实例教程
修饰之美：CSS在表格边框上的美学应用
移动端H5开发遇到的问题及解决方法