Background-image ne montre pas

Je suis en train de tourner les images qui apparaissent sur le site à l'aide de la balise dans une image d'arrière-plan. MON premier code ressemble à ceci

Html:

<img class= "house" src="images/House-03.png" width="122px" height="118px"/>

CSS

.house {
display:block;
position:absolute;
float:right;
bottom:0;
right:0;

}

Maintenant, je suis en train de le modifier comme ceci:

Html

<p class= "house"> </p>

CSS

.house {
    display:block;
    position:absolute;
    background-image:url(../images/House-03.png);
    width:122px;
    height:148px;
    float:right;
    bottom:0;
    right:0;
}

À l'exception de l'image ne s'affiche pas! Toute aide sera appréciée, Merci!

Supprimer l'espace avant le "maison". Vous n'avez pas besoin de float absolue positionné sur l'élément.
Votre code est ok, il suffit de vérifier l'URL de l'image
Pouvons-nous voir votre site web de l'arbre pour être sûr de votre url de l'image est correcte ?
pour la position absolue de l'élément avons-nous vraiment besoin float:right ? et p est par défaut élément de bloc, donc pas besoin de display:block.

OriginalL'auteur kduan | 2013-12-07

  1. 22

    essayez de définir l'image d'arrière-plan de la taille de la propriété

    .house {
    display:block;
    position:absolute;
    background:url(../images/House-03.png);
    background-repeat:no-repeat;
    background-size: 100% 100%;
    width:122px;
    height:148px;
    float:right;
    bottom:0;
    right:0;
}

    espère que cette aide?

    qui a travaillé! Merci!

    OriginalL'auteur rand0m

  2. 2

    mettre des guillemets autour de votre url de l'image

    background-image:url("../images/House-03.png");

    ETA : par commentaire ci-dessous... les citations sont en effet pas nécessaire! juste mentionné ici pour résoudre la question d'origine.

    oups j'ai mis les guillemets dans mon code j'ai juste oublié de mettre dans ma question.
    o oui, si vous voulez le fond de montrer pleinement, vous devez définir l'arrière-plan-la taille de l'image, comme rand0m dit ci-dessus.
    Les guillemets ne sont pas nécessaires

    OriginalL'auteur user3037493

  3. 1

    Assurez-vous que votre image est accessible!

    Après beaucoup de frustration, il s'est avéré que mon problème a à voir avec l'image n'étant pas accessible... Vous pouvez toujours tester votre code avec une autre image sur un autre site qui est certainement accessible...

    OriginalL'auteur Damian Green

  4. 1

    J'ai eu personnellement le chemin et la syntaxe de l'url correcte. Le seul problème était 

    background-img: url("")

    avoir besoin d'être changé..

    background: url("")

    Et mon motif d'arrière-plan est révélé lui-même triomphalement.

    OriginalL'auteur haej