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。

阅读剩余部分

相关阅读 >>

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

html5视频播放教程实例

html5表单元素实例讲解

html5制作查询页面实例

关于canvas的一个实例教程--刮刮乐

移动端h5中百度地图的click事件的介绍(代码示例)

用html中标签制作表单实例

html5实现一个简单的多人飞机游戏实例详解

h5项目开发iOS插件功能的实例代码

分享利用canvas实现知乎登录页的实例代码

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




打赏

取消

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

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

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

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

评论

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