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

  IOS=敖樯堋?

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

 IOS页面边框是显示不出来的解决方法”> <br/>说实在的很想吐槽一下我们美工的审美哈,不过这不是重点。</p> <p>因为边框是需要特殊花纹的所以打算用border-image实现。</p> <pre class= .example {   ......      边界:6 px固体透明;   -webkit-border-image: url (. ./img/border_img.jpg) 6 6轮;   border-image: url (. ./img/border_img.jpg) 6 6轮;   ......   }

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

解决办法是:
把边界:6 px固体透明;替换为单独的属性,即:边框样式和边框宽度。

 .example {
  ......
  边框样式:固体;
  边框宽度:6 px;
  -webkit-border-image: url (. ./img/border_img.jpg) 6 6轮;
  border-image: url (. ./img/border_img.jpg) 6 6轮;
  ......
  }

感谢各位的阅读!看完上述内容,你们对IOS页面边框是显示不出来的解决方法大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注行业资讯频道。

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