CSS3背景图像不在身体后面?

时间:2014-03-24 21:24:05

标签: html image css3 background

我有一张背景图片,当我在我的身体标签上写下背景图片时,背景图片会起作用,但它与我身体上的文字重叠。我想将它放在身体后面,我尝试使用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;
}

1 个答案:

答案 0 :(得分:0)

我尝试了您的代码并且它正在工作(背景图片位于文本后面)see here

您可以将背景添加到html标记。

DEMO

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

另外:如果您希望背景图片覆盖全屏(浏览器),则可以使用背景尺寸:封面;

祝你好运! (对不起,如果这不符合您的要求)。