html - CSS3 背景图片不在 body 后面？

Question

我有一张背景图片，当我将它写在我的 body 标签中时，背景图片有效，但它与我 body 上的文本重叠。我想将它放在 body 后面，我尝试使用 background-position 但它不起作用。如何将背景图像放在正文后面使其不重叠？

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 87.5%;
  width: 800px;
  background-color: #ffffff;
  border-color: #000000;
  box-shadow: #000000;
  background: url(../images/bats.gif) center;
  background-position: bottom;
  text-align: center;
  margin: 1em auto;
  border: 5px black;
  box-shadow: 3px 3px 3px 3px;
}

Answer 1

我试过你的代码，它工作正常(背景图像在文本后面)see here .

或您可以将背景添加到您的 html 标签。

DEMO

html
{  
 background: url("paste your image url here");
}

补充:如果你想让背景图片覆盖整个屏幕(浏览器)，你可以使用 background-size: cover;

祝你好运!! (抱歉，如果这不符合您的要求)。