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

2025-05-29 0 51

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

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

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

因为边框是需要特殊花纹的所以打算用border-image实现。

?

1

2

3

4

5

6

7

8
.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。

?

1

2

3

4

5

6

7

8
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不起作用的解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对快网idc网站的支持!

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

快网idc优惠网 建站教程 iOS下border-image不起作用的解决办法 https://www.kuaiidc.com/90777.html

相关文章

发表评论
暂无评论