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

网页名称：IOS页面边框是显示不出来的解决方法
网站地址：https://www.cdcxhl.com/article6/jdscig.html

成都网站建设公司_创新互联，为您提供软件开发、服务器托管、电子商务、手机网站建设、全网营销推广、定制开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联