CSS3背景图片不会落后于身体吗？

Question

I have a background image and when I write it in my body tag the background image works but it overlaps the text on my body. I want to position it behind the body and I tried using background-position and it wasn't working. How do I place the background image behind the body so it doesn't overlap?

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

I tried your code and it's working (background-image is behind the text) see here .

OR You can add the background to your html tag.

DEMO

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

Addition: If you want the background-image cover your full screen (browser), you can use background-size: cover;

Good Luck!! (Sorry if this not meets your requirement).