2016-09-28 108 views
1

由于iOS10,CSS边框图像属性似乎存在问题。在iOS10上不显示CSS边框图像

我用的是这样工作的:

border-image: url('data:image/png;base64,somedata') 30 30 30 stretch;

然而,由于更新到iOS10 iPad上(我猜在iPhone上也一样),边界图像不再可见,让它透明。

这发生在iPad上的Safari和Chrome浏览器中。

这里有一个小提琴,所以你可以看到它的表现在iPad VS计算机: https://jsfiddle.net/g99y6pg3/1/

我也试图与一个border-image: url(filename.png),而不是数据:图像/ PNG,但得到了同样的结果。

感谢您的帮助!

回答

3

你需要设置属性'border-color'='white'

+0

哇,它立即奏效,非常感谢!这很奇怪,以及为什么这会随着新版iOS的发布而改变,包括Chrome和Safari。 – simdrouin

+0

为什么没有提到任何地方[我可以使用](http://caniuse.com/#search=border-image)甚至没有标记为已知问题。谢谢。 – StueyKent