HTML/CSS 背景图片不显示？

Question

我只是想设置我的背景，但这张图片不起作用。它的大小在 15 到 20MB 之间，所以我试着把它变成 5MB。仍然没有运气。我制作了一个非常小的图像，大小为 25KB，虽然有效但只是重复了一遍。我的本地主机也不会显示大图像。有什么限制吗？我需要做什么才能获得完整的图像页面？

body {
    background-image:url(background.jpg);
}

Answer 1

这样做是为了避免重复图像:

body
{
    background-image:url(background.jpg);
    background-repeat:no-repeat;
}

您还可以像这样试验 background-size: cover:

body
{
    background-image: url("http://www.google.com/doodle4google/images/carousel-winner2012.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

这是 JS Bin 的一个演示，带有漂亮的 Doodle 4 Google作为测试行为的背景图像:

http://jsbin.com/ivexah/2