CSS背景蓋

Question

我使用CSS完美實現全屏背景：

body { 
    background-image: url('../images/backgrounds/<image>.jpg'); 
    background-size: cover; 
    float:left; 
    overflow: hidden 
    } 

雖然在這個移動的時候看，IOS & IE的Windows Mobile，背景是平鋪的，而不是全屏幕。我得到我可能需要爲移動操作系統提供一個不同的CSS文件，但我不確定問題到底是什麼，我如何全屏顯示移動圖像？

Answer 1

這可能是一個解決問題，獲取屏幕大小變量和strech圖像填滿屏幕。

並嘗試添加background-repeat：no-repeat;

Answer 2

您應該使用重複x-y明智的封面。因此，它是真正與背景圖像和顏色在corespond的CSS一招..

body { 
    background: url("images/bg3.jpg") repeat-x scroll 0 0 #EF9360; 
    } 

所以，如果你的CSS背景圖像上，你應該使用藍色背景上的藍色...

在這裏閱讀更多 http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_gradient1

Answer 3

您的背景圖片改成這樣：

background: url('../images/backgrounds/<image>.jpg') no-repeat center center fixed; 

當這是不行的，請看一看有關完整頁面背景圖片的article by CSS-Tricks。

只有CSS解決方案以及jQuery解決方案