Android/phonegap - 拉伸我的背景图像，以适应屏幕

问题描述：

我已经尝试了各种不同的事情，但是他们都没有似乎工作。我正在使用内联CSS，并且只是想要添加一个背景，以提高屏幕大小。我目前使用下面的代码我body标签内：Android/phonegap - 拉伸我的背景图像，以适应屏幕

<body onLoad="onBodyLoad();" style="background:url(images/blue_bg.png);">

我的形象是400×300，但需要streched去尽可能1200 X 1000

希望有人能帮助（曾尝试背景尺寸：100％）。

感谢，

答

你可以试试这个CSS3代码：

body{ 
    background: url(images/blue-bg.png) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

如果这不起作用，你可以尝试：

Other CSS techniques

jQuery techniques

完美的作品。谢谢 – 2012-02-21 17:04:33

只要注意到您的修补程序在我的Android Archos上完美运行，但是无法在我的Android手机上运行？任何想法来解决这个问题？ – 2012-02-25 11:56:39

你可能想用'background-size：contains;'而不是'cover'进行测试。两者都运作良好。 – 2013-11-12 04:07:27

Android/phonegap - 拉伸我的背景图像，以适应屏幕

相关推荐