Une seule image visible que sur deux cadres séparés [Résolu/Fermé]

Signaler
-
 Bird -
Bonjour,

Je voulais savoir comment mettre une image (et une seule) en fond sur deux (ou plus) cadres séparés et que l'on ne puisse voir l'image que avec ces cadres (façon bande dessiné).
Par exemple, si je prend le drapeau français en image de fond, je verrais sur mon cadre de gauche la couleur bleu et sur mon cadre droit, la couleur rouge (et la couleur blanche ne se verrait pas puisque les deux cadres sont séparés).

Si quelqu'un connait une astuce ou une librairie pour faire ce genre de choses ?

Merci d'avance.


2 réponses

Messages postés
2379
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
10 mars 2020
428
Salut,

Tu peux utiliser les propriétés css background pour faire ce que tu souhaites, notamment :
- background-image : pour définir l'image de fond d'un élément (div par exemple)
- background-size : taille de l'image de fond
- background-repeat : pour faire répéter ou non l'image de manière horizontale et/ou verticale
- background-position : pour positionner l'image de fond

Un exemple simple ici : http://jsfiddle.net/ndw0oxpm/

Bonne journée
Je te remercie pour ta réponse. Je vais regarder ça !