Aligner le background au milieu de l'image

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Aligner le background au milieu de l'image

snike

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

Publicité

snike

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%;

MaybeEijOrNot

but someone at least

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.

FORUM HardWare.fr

Programmation

HTML/CSS

Aligner le background au milieu de l'image

Sujets relatifs
Affichage d'une image en infobulle au survol d'un lien (hover)	faire apparaitre 1 image sur le web
PB envoi image depuis Mobile Huawei	Comment afficher une image provenant d'un formulaire type "radio"
JAVA2D appliquer un filtre de convolution à une image	[React/JS] Actualiser image dans le front
integration image dans mail	Aggrandir une image de Portfolio en cliquant / JS
Intéger les data d'une image au source HTML	ValueError: not enough image data avec PIL
Plus de sujets relatifs à : Aligner le background au milieu de l'image

Page générée en 0.037 secondes