Android/ phonegap - Stretching my background image

2019-07-12 19:14发布

站内文章 / Android

42 0

在下西门庆

女 | 书童

私信

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试):

问题:

I have tried various differnt things however none of them seem to work. I am using inline CSS and simply want to add a background which stetches to the screen size. I am currently using the following code within my body tag:

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

My image is 400 x 300, but need to be streched to as far as 1200 x 1000.

Hope someone can help (have tried background-size:100%).

Thanks,

回答1:

You can try this CSS3 code:

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

If this doesn't work you can try :

Other CSS techniques

jQuery techniques