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

Question

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.


Configuration: Windows 7 / Firefox 31.0

Pitet · Answer

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

Bird · Answer

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

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

2 réponses

Discussions similaires