Фоновое изображение, не показывающееся на iOS

Question

У меня есть div с фоновым изображением, динамически используемым с JS. Он отлично работает, за исключением iOS - как в iOS Safari & iOS Chrome, фоновое изображение просто не отображается. Очень странно, я не нашел ответа для этого онлайн. Вот как это выглядит нормально:

А вот это, как это выглядит на прошивке (Ipad и Iphone):

Вот является CSS, значение фонового изображения был применен JS:

.NavFrame { 
    width: 104px; 
    height: 58px; 
    background-position: center center; 
    background-size: cover; 
    margin-right: 2%; 
    background-image: url(http://www.test.com/test.jpg); 
} 

Любая помощь будет оценена по достоинству.

UPDATE: Спасибо всем за ответы, однако в конечном итоге это была некоторая ошибка в моем JS-коде. В любом случае, он может помочь кому-то другому.

Answer 1

попробовать, как этот

.NavFrame { 
     width: 104px; 
     height: 58px; 
     background-position: center center; 

     margin-right: 2%; 
     background-image: url(http://www.test.com/test.jpg); 
     background-size: cover; 
    } 

Answer 2

Установите переключатель background-sizeпослеbackground-image:

.NavFrame { 
    width: 104px; 
    height: 58px; 
    margin-right: 2%; 
    background-image: url(http://www.test.com/test.jpg); 
    background-position: center center; 
    background-size: cover; 
} 

Или стенографии:

.NavFrame {  
    background: url(http://www.test.com/test.jpg) center center/cover; 
} 

Answer 3

Этот вопрос уже обсуждался в StackOverflow пл. см. ниже ссылку Background image not showing on iPad and iPhone