IOS页面边框是显示不出来的解决方法-成都快上网建站

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

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页面边框是显示不出来的解决方法
网页路径:http://kswjz.com/article/jdscig.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流