2015-06-09 205 views
1

我有一個背景圖像與JS動態應用的div。它在iOS中除外 - iOS iOS Safari & iOS Chrome中,背景圖片不顯示。很奇怪,我沒有找到任何答案,在線。 這是正常的樣子:在iOS上不顯示背景圖像

enter image description here

這裏,它是如何看起來在iOS(iPad和iPhone):

enter image description here

這裏是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); 
} 

任何幫助將不勝感激。

更新:謝謝大家的答案,但最終它是我的JS代碼中的一些錯誤。無論如何希望它可以幫助別人。

+0

這個問題已經在stackoverflow pl討論。請參閱下面的鏈接 http://stackoverflow.com/questions/18999660/background-image-not-showing-on-ipad-and-iphone – shri

回答

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; 
    } 
1

設置background-sizebackground-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; 
}