1

我有一个代码可以让背景图片覆盖整个屏幕，而不仅仅是内容。它适用于计算机和 iPhone，但对于 android，图片不会拉伸长度以垂直覆盖整个屏幕。代码如下。

CSS：

body {
    background-image:url(background.png);
    border:none;
    background-size:100%;
    -webkit-background-size:100%;
    -moz-background-size:100%;
    -o-background-size:100%;
    background-attachment:fixed;
    background-repeat:repeat-x;
}

图像为 5x500 像素。如果您有更好的解决方案来覆盖带有背景图像的页面，请告诉我。

4

3 回答 3

1

背景大小有时会出现问题。尝试添加min-height到html

尝试添加

min-height: 100%;

对身体

于 2013-05-19T04:02:59.733 回答
0

尝试像这样设置您的属性：

background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;

backround-size可能很挑剔。

于 2013-05-19T01:37:30.993 回答
0

你看过背景大小：包含吗？就个人而言，我是 background-size:cover 的粉丝，这也可能有所帮助。

我看到这篇文章是因为我正在研究一个 Android 背景大小问题。如果它对 OP 没有帮助，至少希望它会帮助其他人。

我遇到的 android 问题与 Android 不喜欢背景的简写有关，并且具有背景位置和背景大小。分离，就像看起来一样，解决了这个问题。

于 2015-04-14T17:04:51.640 回答