上周五突然接到现场的一个需求,做一个移动端的劳模展示页面。现场美工把原型图发了过来。这个样子的:
说实在的很想吐槽一下我们美工的审美哈,不过这不是重点。
因为边框是需要特殊花纹的所以打算用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边框是显