Aligner le background au milieu de l'image

Marsh Posté le 11-08-2021 à 15:02:35

Bonjour,

background-position:center permet de centrer une petite image sur une page.
Dans mon cas j'ai une image d'une résolution de 1500x1000 que je veux mettre en background de mon div qui fait 1000x300.

Avec le style : width:100%; background-size: cover; background-position:center; seul la partie haut gauche de mon image est en fond d'écran alors que généralement le milieu de l'image est plus intéressant.
Comment faire en sorte pour que la partie du mileur soit en background et que le haut et le base soit caché ?

Merci par avance.

Message édité par snike le 11-08-2021 à 15:05:15

Marsh Posté le 11-08-2021 à 15:02:35

Marsh Posté le 11-08-2021 à 15:34:11

Ce code fonctionne dans une page à part, mais pas sur mon site, je cherche ... :

Code :

width:100%; height:300px; margin:auto;
background-image:url("http://www.favorisxp.com/fonds-decran/paysages/paysage-fond-ecran-montagne-soleil-violet-wallpaper-favorisxp.jpg" );
background-repeat:repeat-y;
background-attachment:scroll;
background-size:100%;
background-position:50% 50%;

Marsh Posté le 11-08-2021 à 16:30:11

Je ne sais pas trop ce que tu veux exactement, j'ai fait plusieurs essais mais de ce que je comprends c'est ça que tu veux ?
https://codepen.io/Perrier_ChouFleur/pen/Vwbgzqo

L'image est élargie pour faire la largeur de la page mais on garde en hauteur que le centre.

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *