webkit border image not loading mobile safari

Question

У меня возникают некоторые довольно странные проблемы на мобильном сайте. Для одного из моих элементов у меня есть свойство css:

-webkit-border-image: url (images/speech_box_right.png) 24 10 4 10 stretch stretch;

Это изображение никогда не загружается - используя режим разработчика, файл, кажется, никогда не будет восстановлен. Странно, что на мобильном пользовательском агенте он всегда работает, а иногда и на моем телефоне. Я также могу всегда загружать изображение непосредственно с моего телефона, если я набираю его путь к файлу. Кто-нибудь сталкивался с проблемами с отображением изображений на сафари на мобильных устройствах?

Спасибо!

Answer 1

border-image сокращенное свойство для следующих пяти свойств: border-image: source slice width outset repeat;

В вашем коде можно увидеть растяжение, заданное несколько раз. можете ли вы удалить это?

Я тестировал на рабочем столе Safari 5, он отлично работает без каких-либо проблем. border-image поддерживается в Safari 6, а Safari 5 поддерживает альтернативное свойство -webkit-border-image.