iOS下border-image不起作用的解决办法

 更新时间:2017年05月02日 13:57:32   作者:小路_同学  
上周五突然接到现场的一个需求,做一个移动端的劳模展示页面。下面小编给大家介绍下iOS下border-image不起作用的解决办法,需要的朋友参考下吧

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

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

因为边框是需要特殊花纹的所以打算用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下border-image不起作用的解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • iOS开发之UIPickerView实现城市选择器的步骤详解

    iOS开发之UIPickerView实现城市选择器的步骤详解

    这篇文章给大家介绍iOS利用控件UIPickerView实现城市选择器的效果,选择城市这一功能相信在大家日常开发的时候经常遇见,下面就来看看详细的实现过程,有需要的可以参考借鉴。
    2016-09-09
  • iOS中多线程的经典崩溃总结大全

    iOS中多线程的经典崩溃总结大全

    这篇文章主要给大家介绍了关于iOS中多线程的一些经典崩溃的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • 如何在自己的电脑上配置APNS推送环境

    如何在自己的电脑上配置APNS推送环境

    这篇文章主要介绍了如何在自己的电脑上配置APNS推送环境的相关资料,需要的朋友可以参考下
    2015-11-11
  • iOS13原生端适配攻略(推荐)

    iOS13原生端适配攻略(推荐)

    这篇文章主要介绍了iOS13原生端适配攻略(推荐),现汇总一下iOS 13的各种坑,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-10-10
  • IOS 开发之Object-C中的对象详解

    IOS 开发之Object-C中的对象详解

    这篇文章主要介绍了IOS 开发之Object-C中的对象详解的相关资料,需要的朋友可以参考下
    2017-06-06
  • iOS开发APP跳转到设置或系统页面详解

    iOS开发APP跳转到设置或系统页面详解

    这篇文章主要为大家介绍了iOS开发APP跳转到设置或系统页面详解,<BR>有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • iOS开发之路--仿网易抽屉效果

    iOS开发之路--仿网易抽屉效果

    本文是IOS开发之路系列的第一篇,主要讲诉了如何仿网易新闻客户端实现抽屉效果,全部源代码都分享给大家,希望对大家有所帮助
    2014-08-08
  • iOS 高效的分页加载实现示例

    iOS 高效的分页加载实现示例

    本篇文章主要介绍了iOS 高效的分页加载实现示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • iOS Crash常规跟踪方法及Bugly集成运用详细介绍

    iOS Crash常规跟踪方法及Bugly集成运用详细介绍

    这篇文章主要介绍了iOS Crash常规跟踪方法及Bugly集成运用详细介绍的相关资料,需要的朋友可以参考下
    2016-10-10
  • IOS倒计时设置UIButton标题title的抖动问题

    IOS倒计时设置UIButton标题title的抖动问题

    这篇文章主要介绍了IOS倒计时设置UIButton标题title的抖动问题,在发送验证码后,button状态需要变为disable,每隔一秒显示倒计时时间,下面通过本文给大家介绍设置方法,一起看看吧
    2016-12-12

最新评论