适合网站背景图像到屏幕大小

Question

我刚开始在一个网站上,我已经遇到一个小问题,我找不到具体的解决方案.

我想让我的网站背景适合任何屏幕尺寸的宽度,高度无关紧要.

这是我的图像的链接:

    ../IMAGES/background.jpg

编辑

我不知道什么是错的,但由于某种原因,身体甚至不想得到背景图像.它只显示纯白色背景.

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

Answer 1

你可以使用这个插件http://dev.andreaseberhard.de/jquery/superbgimage/来做到这一点

要么

   background-image:url(../IMAGES/background.jpg);

   background-repeat:no-repeat;

   background-size:cover;

不需要浏览器的前缀.它已经准备好了两个浏览器

Answer 2

试试这个 ,

 background: url(../IMAGES/background.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

有关更多信息,请按照此完整的整页背景图像!

Answer 3

你可以试试

.appBackground {
    position: relative;
    background-image: url(".../img/background.jpg");
    background-repeat:no-repeat;
    background-size:100% 100vh;
}

适合我:)

Answer 4

试试这个，我希望它会有所帮助：

position: fixed;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-image: url('background.jpg');