28106 sujets

CSS et mise en forme, CSS3

Bonjour, quelle est la solution la plus élégante (et la plus pratique Smiley ravi ) pour mettre une image en fond d'une div ? Faut-il utiliser la propriété background image ? ou incorporer l'image via <img> dans l'HTML et la gérer en css (absolute et z-index : -1).

Pour l'instant j'ai choisie la deuxième solutions et je galère à contenir cette image de fond dans le parent car du coup elle est en absolute...
Modérateur
Salut,

Si tu peux faire les deux, je préfère la solution 1 personnellement. Elle est beaucoup plus simple a mettre en place et a gérer.
Si ton image doit être considérée comme un contenu plutôt qu'un simple décors alors tu peux la laisser en balise img et te servir de object-fit pour faire rentrer la pastèque dans le citron.

Bonne soirée
Modérateur
carllito a écrit :
Bonjour, quelle est la solution la plus élégante (et la plus pratique Smiley ravi ) pour mettre une image en fond d'une div ? ...


En fond c'est le rôle de background , à moins que cette image soit bel et bien un contenu, qui à du sens dans la page, auquel cas la balise image va s’imposée.

Si ton image fait parti du contenu, alors absolute n'est pas la seule option, display:grid peut aussi permettre de superposer deux élement dans la même cellule de grille.

Sans en connaitre plus du contexte et de ton code HTML, à priori , background est la technique à utilisée. la propriété background-size est peut-être quelque chose qui te serais utile.

Cdt
En gros l'image de fond c'est le papier...
upload/1668532069-80248-icapture.jpg
Merci pour vos réponses.
Modifié par carllito (15 Nov 2022 - 18:08)