Background centrer verticallement

Bonjour,
sur une div de 50% de haut je veux mettre une image de fond centrer verticalement.
<div id="fenetre50" style="background: url('/images/fond1.jpg') no-repeat center center/cover fixed;">
Le hic, c'est que mon background n'est pas centré verticalement car au lieu de voir le centre de l'image dans ma div j'ai le haut de l'image.
je pensai que le center cover permettait justement de faire ça...

Salut
Essaie de mettre un height: 100vh

J'ai essayé 50vh au lieu de 50% pour la taille de la hauteur de ma div.
CSS :
#fenetre50 {width: 100%; height: 50vh; margin: 0 auto; overflow: visible; position:relative;}

le résultat est le même mon image n'est toujours pas centrée verticalement.

<div id="fenetre50" style="background: url('/images/fond1.jpg') no-repeat center center/cover fixed;">

Salut,

c'est le background-attachment: fixed; qui altère l'application du center. Tu en as besoin ?
Modifié par _laurent (11 Dec 2019 - 14:34)