Html 无法使背景更改图像居中

在过去的几年中，我一直在努力使horus的背景类在网站中居中，但我有绝对的位置，并在css中固定了它的内部，因为我需要它来改变褪色的背景图像。但我的问题是，我不能让它在网站上居中，例如，在div.background中，我有边距0，但它仍然没有居中，它只是停留在左侧，我甚至尝试过，但它不起作用。。。我怎么能把背景调成正中

<div class="background">
<img src="images/back_1.jpg" width="990" height="660" alt="pic1" />
<img src="images/back_2.jpg" width="990" height="660" alt="pic2" />
<img src="images/back_3.jpg" width="990" height="660" alt="pic3" />
</div>

---

这行不通。你应该拥有的是：

div.background {
    position: absolute
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center center url('images/back_1.jpg');
}

并消除div中的单个

标记

然后，您可以随时使用一些javascript交换背景图像，因为CSS1只允许一个背景图像（CSS3允许多个背景图像）。

我想您需要这样：

div.background img {
    position: fixed; 
    list-style: none;
    left: 50%;
    margin-left: -495px;
    top: 0px;
}

left:50%

将

img

的左边缘移动到页面中央，然后

左边距：-495px按正确的数量向左移动，使其居中。
您尝试过吗

#background {
  margin: 0 auto;
  width: 990px;
  position:absolute; 
  top:0px;
  z-index:-1;
}

我觉得你使用“前景”IMG标签有点让人困惑，但同时把它当作背景图像……这有什么问题？花时间去处理语法和拼写问题是值得的。我不清楚你到底想完成什么。然而，在使用绝对定位的情况下，margin:auto基本上是没有意义的（因为它已从通常的文档流中删除，这意味着它的边距不会影响任何其他内容）。您在声明中所说的是“我希望它位于第一个节点的左上角，位置为：relative assigned”--这很少会居中。我猜他使用的是
img
s，因为他希望在图像之间淡入淡出，这是用
背景做不到的。哇，这是一个奇怪的把戏，我从来没有想到过这样做的方法？为什么我需要把它留到现在？它是
-（图像的宽度/2）px
。
#background {
  margin: 0 auto;
  width: 990px;
  position:absolute; 
  top:0px;
  z-index:-1;
}