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页面边框是显示不出来的解决方法大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注亿速云行业资讯频道。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
