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

2018-07-02 00:07:19

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

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

这是我的形象的链接：

    ../IMAGES/background.jpg

编辑

我不知道有什么问题，但由于某种原因，身体甚至不想获得背景图像。它只显示纯白色背景。

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

你可以使用这个插件http://dev.andreaseberhard.de/jquery/superbgimage/

要么

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

   background-repeat:no-repeat;

   background-size:cover;

不需要浏览器的前缀。它在所有浏览器中都已准备就绪

尝试这个，

 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;

欲了解更多信息，请按照此完美整页背景图片！

你可以试试

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

为我工作:)

链接地址: http://www.djcxy.com/p/89223.html

上一篇: Fit website background image to screen size

下一篇: Image strech height