Background-image à l'intérieur de la div ne s'affiche pas

J'ai donc été à travailler sur ce site et j'ai eu l'affichage de la façon dont je le voulais.
Après avoir travaillé avec une baisse de la bannière de la page tout d'un coup disparu et tous, j'ai été laissé avec l'Image de fond dans le Corps.

Pouvez-vous comprendre pourquoi la topImage id ne s'affiche pas? C'est frustrant comme l'enfer pour voir comment il fonctionne une seconde et puis, l'autre pas:

<style>
   body
   {
   background-image:url("images/Background.gif");
   background-repeat:repeat-y;
   background-attachment:fixed;
   background-position:center top;
   }

   #topImage
   {
   position:absolute;
   background-image:url("images/Top-Banner.gif");
   background-repeat:repeat-x;
   width:100%;
   top:0px;
   left:0px;
   }
</style>

<body>

    <div id="topImage"></div>

</body>

Désolé si cela a vraiment une question de base, je suis un peu nouveau dans ce.

InformationsquelleAutor user2740515 | 2013-09-14
  1. 8

    #topImage n'ont pas de hauteur définie, et pas d'éléments à l'intérieur de celui-ci pourrait lui donner une hauteur.

    #topImage
{
  position:absolute;
  background-image:url("images/Top-Banner.gif");
  background-repeat:repeat-x;
  width:100%;
  height: 100px; /* Change to the height you need */
  top:0px;
  left:0px;
}

    Ou simplement coller un img balise à l'intérieur de la div au lieu d'utiliser background-image, cela fonctionne ainsi.

    • J'ai essayé, et pourtant même résultat? Suis-je tout simplement retardée ou est-ce juste vraiment foiré?
    • Non, je ne peux pas le faire fonctionner dans jsFiddle soit. :S Note: Si j'saisir du texte entre les balises div, il montre dans la position appropriée, alors que si je place une image dans la feuille de style ou entre les balises div, il ne s'affichera pas. Je peux vous assurer que l'image est dans le dossier que j'ai vérifié.
    • Pour une raison quelconque, il fonctionne maintenant. Quel était le problème? Je n'ai aucune idée, mais quelque chose a changé et maintenant il fonctionne très bien. Je vous remercie pour votre aide.
    • Pas de soucis, content d'avoir eu de l'aide. 🙂
    InformationsquelleAutor Mathijs Flietstra
  2. 0

    essayez d'utiliser la syntaxe suivante

    #topImage
{
  position:absolute;
  background-image:url("../images/Top-Banner.gif");
  background-repeat:repeat-x;
  width:100%;
  height: 100px; /* Change it to auto if you need to div to adjust automatically according to contents inside it */
  top:0px;
  left:0px;
}

    espère que sortes le problème

    InformationsquelleAutor Manjeet