DIV背景不与DIV位置

Question

我这是我的风格用一个类和一个ID有几个div，他的div本身emtpy因为他们只对他们的背景占位符。实施例股利：

<div id='ranImg1' class='ranImg'></div>

然后，我使用该CSS样式它们：

.ranImg {
  position:fixed;
  z-index:0;
  width:250px;
  height:250px;
  display:block;
}
#ranImg1 {
  left:10px;
  top:200px;
  background-attachment:fixed;
  background-image:url(http://localhost/MyAlbum//images/background/ranPaperclips.png);
  background-repeat:no-repeat;
}

只要在div是在文档上的图像示出了正确，但是当在div被放置在其他地方的页面上的图像停留（不可见）在页面的左上角仅示出部分的左上这与DIV重叠（在该示例中，这将是该图像的底部部分）。

修改的 我想不会影响我的其他布局来定位这些div，他们是其他布局的背后。这个工程除了事实背景图像不跟随div的位置。结果 所以基本上我的问题是，为什么不是用div中ranImg1 DIV定位的背景，但停留在左上角，以及如何解决这一问题？

Answer 1

您background-attachment:fixed将相对于浏览器窗口的背景图像附加。如果你想让它“跟随” div位置，只是删除行：

#ranImg1{
  left:10px;
  top:200px;
  background-image:url(http://localhost/MyAlbum//images/background/ranPaperclips.png);
  background-repeat:no-repeat;
}

你也可以设置background-position属性背景相对于内含div设定：

background-position: 0px 0px;

我不知道是否会帮助任何不仅仅是去除background-attachment，但（没有足够的咖啡呢！）