web-dev-qa-db-fra.com

Comment positionner l'image de fond dans le coin en bas à droite? (CSS)

J'ai une image de 500x500 px qui est définie comme image d'arrière-plan sur mon site Web (comme image d'arrière-plan de <body>) Mais j’ai besoin que cette image soit située dans le coin inférieur droit de la page Web. Comment puis-je atteindre cet objectif? (mieux avec la méthode css)

Je vous remercie.

48
Ilja

Voilà:

body {
   background-color: #000; /*Default bg, similar to the background's base color*/
   background-image: url("bg.png");
   background-position: right bottom; /*Positioning*/
   background-repeat: no-repeat; /*Prevent showing multiple background images*/
}

Les propriétés d'arrière-plan peuvent être combinées dans une propriété d'arrière-plan. Voir aussi: https://developer.mozilla.org/en/CSS/background-position

100
Rob W

pour un positionnement plus précis:

      background-position: bottom 5px right 7px;
16
Arthur

Cela devrait le faire:

<style>
body {
    background:url(bg.jpg) fixed no-repeat bottom right;
}
</style>

http://www.w3schools.com/cssref/pr_background-position.asp

12
user873578

Avez-vous essayé quelque chose comme:

body {background: url('[url to your image]') no-repeat right bottom;}
7
markt