IOS页面边框是显示不出来怎么办?border-image实例教程


本文摘自PHP中文网,作者零下一度,侵删。

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

[移动端] IOS下border-image不起作用的解决办法0
说实在的很想吐槽一下我们美工的审美哈,不过这不是重点。

因为边框是需要特殊花纹的所以打算用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。

阅读剩余部分

相关阅读 >>

利用html5 从视频中捕获静止图像实例代码

如何解决iOS中html5上传图片方向问题?

分享一个html5实现拖放的实例代码

css如何给边框添加图像?css设置边框图像

利用h5制作一个倒计时demo的实例教程

html5制作查询页面实例

利用css的 border-image 实现锯齿形

h5 的复制操作实例代码

分享一个vue全局配置的实例代码

html5制作转盘的详解及实例

更多相关阅读请进入《iOS》频道 >>




打赏

取消

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

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...