Fond de div ne se positionne pas avec la div

Question

J'ai quelques divs que je stylise en utilisant une classe et un ID. Les divs sont eux-mêmes vides, car ils ne sont que des espaces réservés pour leur arrière-plan. Exemple Div:

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

Ensuite, je les style en utilisant ce 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;
}

Tant que la division est dans le coin supérieur gauche du document, l'image s'affiche correctement, mais lorsque la division est placée ailleurs sur la page, l'image reste (invisible) dans le coin supérieur gauche de la page et ne montre que la partie chevauche le div (dans l'exemple, ce serait la partie inférieure de l'image).

EDIT J'essaie de positionner ces divs sans affecter mon autre layout, ils sont derrière l'autre layout. Cela fonctionne sauf que l'image d'arrière-plan ne suit pas la position des divs.
En gros, ma question est la suivante: pourquoi l’arrière-plan du positionnement de ranImg1 avec le div n’est-il pas placé dans le coin supérieur gauche, et comment y remédier?

Answer 1

votre pièce jointe en arrière-plan: fixed joindra l'image d'arrière-plan relative à la fenêtre du navigateur. si vous le souhaitez, suivez " la position div , supprimez simplement la ligne:

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

vous pouvez également définir l'attribut position-arrière-plan pour définir l'arrière-plan par rapport au div contenant:

background-position: 0px 0px;

Je ne sais pas si cela aiderait bien au-delà de la suppression de pièce jointe à l'arrière-plan (pas assez de café pour le moment!)