开发小程序的时候,遇到一个小bug,开发中使用到了 border-image 给view设置边框图以下图小程序
使用的是base64字符直接添加浏览器
border: none;工具
border-bottom: 5rpx solid #E6E6E6;测试
border-image: url('data:image/png;base64......') 100% 0% round;url
当时是直接这种方式添加,在开发者工具和安卓机上是正常的,可是在ip6和ipx上发现view的上下边都会有这个边框,估计其余iOS设备也同样调试
按照设想是只设置了下边框,其余边框设置了none,就不会显示才会,后来调试发现设置border-image-slice为25% 及以上时,就会出现上边框,否则就不会出现,猜想多是这方面的缘由,而后修改成blog
border-image: url('data:image/png;base64......') 0% 0% 100% 0% round;ip
显示正常开发
测试了下,在pc端Chrome浏览器没有这个现象,Safari浏览器有这个状况base64