Partage

Background-size: cover

Sujet résolu
13 avril 2018 à 12:37:14

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 ? o_O
14 avril 2018 à 14:37:32

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

Découvrez les Css avec la zonecss.fr
14 avril 2018 à 14:45:24

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.

17 avril 2018 à 15:04:47

Super ! Un grand merci à toi Syltaen :)

Background-size: cover

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
  • Editeur
  • Markdown