IOS页面边框是显示不出来的解决方法

IOS页面边框是显示不出来的解决方法？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

目前创新互联已为上千的企业提供了网站建设、域名、虚拟主机、网站托管、服务器租用、企业网站设计、曲沃网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

                                                           上周五突然接到现场的一个需求，做一个移动端的劳模展示页面。现场美工把原型图发了过来。这个样子的：

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

因为边框是需要特殊花纹的所以打算用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页面边框是显示不出来的解决方法大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注创新互联行业资讯频道。