Div Hintergrund positioniert sich nicht mit dem Div

Question

ich ein paar Divs, die ich Stil eine Klasse und eine ID verwenden, er divs selbst leer sind, da sie nur Platzhalter für ihren Hintergrund sind. Beispiel Div:

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

ich sie dann stylen diese mit 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;
}

Solange der Div in der linken oberen Rand des Dokuments ist das Bild zeigt richtig, aber wenn die Div irgendwo anders auf der Seite platziert werden die Bild Aufenthalte (unsichtbar) in der linken oberen Ecke der Seite nur den Teil zeigt, die Überschneidungen mit dem div (im Beispiel hierfür wäre der untere Teil des Bildes sein).

Bearbeiten Ich versuche, diese Divs zu positionieren, ohne mein anderes Layout zu bewirken, sind sie hinter dem anderen Layout. Dies funktioniert mit Ausnahme der Tatsache, dass das Hintergrundbild der divs Position nicht folgen.
Also im Grunde ist meine Frage, warum nicht der Hintergrund für die mit dem div ranImg1 div Positionierung ist, bleibt aber in der linken oberen Ecke, und wie dieses Problem beheben?

Answer 1

Ihre background-attachment:fixed werden das Hintergrundbild in Bezug auf die Browser-Fenster befestigen. wenn Sie es zu „folgen“ die div Position wollen, entfernen Sie einfach die Zeile:

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

Sie auch das background-position Attribut könnte den Hintergrund in Relation zum umgebenden div eingestellt werden:

background-position: 0px 0px;

Ich bin nicht sicher, ob das einen über die reine Entfernung background-attachment obwohl helfen würde (genügend Kaffee noch nicht!)