Bonjour, malgré mes recherches je ne parviens pas à "couvrir" mon image d'arrière-plan en gardant son ratio dans une fenêtre prédéfinie, voici le css :

fenêtre :

.list ._box .img_box { position: absolute; left:0px; width:180px; height:128px; overflow:hidden; }

image arrière-plan :

@media (min-width: 400px) { .list ._box img { width: auto; height: 128px; } }

Pour y voir plus clair, l'url en question :
http://www.transmettrelecinema.com/dispositif/lyceens-et-apprentis-au-cinema-2017-2018/

Une idée ?

Bonjour,

Même réponse que sur l'autre forum ;-) :

Je sais pas si j'ai bien compris mais essayes un  width :100% sur tes images

mum! après réflexion je me suis peut être trompé, je ne vois pas trop le rapport avec background-size: cover

-
Edité par AliasDmc 16 avril 2018 à 18:46:38

Salut,

si tu rajoutes ces 2 propriétés sur tes images, elles prendront toute la largeur sans se déformer :

    object-fit: cover;
    width: 100%;

attention par contre, c'est pas supporté sur IE.

La solution alternative est de mettre des background-image à la place des tag img, ce qui te permettra d'utiliser le background-size: cover dont tu parles.

Super ! Un grand merci à toi Syltaen