Une seule image visible que sur deux cadres séparés
Résolu
Bird
-
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.
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:
- Une seule image visible que sur deux cadres séparés
- Comment imprimer un tableau excel sur une seule page - Guide
- Comment faire deux colonnes sur word - Guide
- Légender une image - Guide
- Image iso - Guide
- Mettre une image en fond sur word sur une seule page - Guide
2 réponses
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
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