本文摘自PHP中文网,作者零下一度,侵删。
上周五突然接到现场的一个需求,做一个移动端的劳模展示页面。现场美工把原型图发了过来。这个样子的:![[移动端] IOS下border-image不起作用的解决办法0](http://ypimg.muzhuangnet.com/Collect/csharp/upload/article/000/001/506/0e8f684a6bea1711c4b18295d6b46a29-0.png)
说实在的很想吐槽一下我们美工的审美哈,不过这不是重点。
因为边框是需要特殊花纹的所以打算用border-image实现。
1 2 3 4 5 6 7 8 |
|
最终发现安卓显示正常。IOS边框是显示不出来的。
解决办法是:
把 border:6px solid transparent; 替换为单独的属性,即:border-style 和 border-width。
相关阅读 >>
更多相关阅读请进入《iOS》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者