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

时间:2012-02-21 16:30:57

标签: android html css cordova background-image

我尝试了各种不同的东西,但它们似乎都没有用。我正在使用内联CSS,只是想添加一个背景,以适应屏幕尺寸。我目前在我的body标签中使用以下代码:

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

我的图像是400 x 300,但需要拉伸到1200 x 1000。

希望有人可以提供帮助(尝试过背景:100%)。

谢谢,

1 个答案:

答案 0 :(得分:5)

你可以尝试这个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