2016-09-28 49 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