Question

我一直在努力争取最后几个试图使它成为背景类以便在网站中居中，但我有绝对的位置并且在我的css内部固定它因为我需要它为一个改变褪色的背景图像。但我的问题是我不能让它在网站中心，例如在div.background看到我有边距0，它仍然没有居中它只是停留在左边我甚至尝试但它不起作用...如何cani得到背景div我做了中心...

<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 {
      margin:auto;
      width: 990px;
      position:absolute; 
      left:0px;
      top:0px;
      z-index:-1;
  }
  div.background img {
      position:fixed; 
      list-style: none;
      left:0px;
      top:0px;
  }
  div.background ul li.show {
      z-index:500
  }

Answer 1

我想你想要这个：

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

left: 50%将img的左边移动到页面的中心，然后margin-left: -495px;将其向右移回正确的数量，使其居中。

Answer 2

这不起作用。你应该拥有的是：

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

并删除div中的各个<img>标记。

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

Answer 3

你试过吗

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

无法以背景改变图像为中心

3 个答案: