Android/phonegap - 拉伸(stretch)我的背景图像以适合屏幕

标签 android html css cordova background-image

我尝试了各种不同的方法,但似乎都不起作用。我正在使用内联 CSS,只是想添加一个背景以适应屏幕大小。我目前在我的正文标签中使用以下代码:

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

我的图片是 400 x 300,但需要拉伸(stretch)到 1200 x 1000。

希望有人能帮忙(已经试过 background-size: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

关于Android/phonegap - 拉伸(stretch)我的背景图像以适合屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9381264/

相关文章:

android - 切换按钮未显示在 ActionBar 中?

android - IntentReceiver 不起作用

javascript - 在 JavaScript 中追加多个项目

css - 如何让这些卡片组件完全覆盖空白区域?

android - 重新打开 fragment 后 fragment 中的 ViewBinding Null 异常错误

java - Android-将对象的 Intent 从一个 Activity 传递到另一个 Activity (崩溃)

html - 导航栏将元素置于右侧 float 元素的中心

javascript - 是否可以使用 'thread' Javascript 并保持对 UI 的访问?

css - 避免换行符上的下拉图标

jquery - 如何在使用切换时通过单击其他元素来隐藏元素?