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解决方案