Question

我尝试为body设置背景图片，如：

body {
        background: url("http://beerhold.it/1024/800") center bottom;
        z-index: 10;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
}

但它仅部分显示图像

Answer 1

html {
  height: 100%;
}

也加上这个。默认情况下，html的高度设置为auto，因此除非设置html的高度，否则身高不能为100％

Answer 2

你使用身高：100％。此高度基于内容的高度。不是一个区块。

body {
  background: url("http://beerhold.it/1024/800") center bottom;
  z-index: 10;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
}

Answer 3

将此添加到您的代码中

＆＃13;

background: url("http://3ksks.com/pic.jpg");
background-size: 100% auto;

＆＃13;

Answer 4

body {
  background: url("http://beerhold.it/1024/800") center bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

如何在整页上制作背景图片？

4 个答案: