Une seule image visible que sur deux cadres séparés

Résolu
Bird -  
 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.


A voir également:

2 réponses

Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
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
0
Bird
 
Je te remercie pour ta réponse. Je vais regarder ça !
0