2 background-image + 1 background -color : possible ?
Résolu
gintoxic
Messages postés
524
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
bonjour,
je voudrais mettre 1 background-color uni dans un bloc et y rajouté 2 image en background de facon à faire une bordure à droite et à gauche (donc 2 petites images avec un repeat-y
et une position à droite pour l'une et à gauche pour l'autre)
est-ce que c'est possible ?
merci par avance
je voudrais mettre 1 background-color uni dans un bloc et y rajouté 2 image en background de facon à faire une bordure à droite et à gauche (donc 2 petites images avec un repeat-y
et une position à droite pour l'une et à gauche pour l'autre)
est-ce que c'est possible ?
merci par avance
A voir également:
- 2 background-image + 1 background -color : possible ?
- Supercopier 2 - Télécharger - Gestion de fichiers
- Image iso - Guide
- Word numéro de page 1/2 - Guide
- 2 ecran pc - Guide
- Acronis true image - Télécharger - Sauvegarde
2 réponses
Salut non ce n'est pas possible
1 background-color + 1 background-image -----> OUI
2 background-image -----> NON
ce que tu peux faire c'est une image en gif ou png qui prend toute la largeur mais dont le centre est transparent
sinon tu fais 3 div
gauche en float:left;
droite en float:right;
centre en position relative sans width mais avec un margin gauche et droite égal au width de gauche et droite
1 background-color + 1 background-image -----> OUI
2 background-image -----> NON
ce que tu peux faire c'est une image en gif ou png qui prend toute la largeur mais dont le centre est transparent
sinon tu fais 3 div
gauche en float:left;
droite en float:right;
centre en position relative sans width mais avec un margin gauche et droite égal au width de gauche et droite
2 background-image est faisable :
>>>>> background : url(/premiere_image) no-repeat top left , url(deuxieme_image) no-repeat top right;
par contre pas moyen de mettre un troisieme élément comme la couleur de fond ....
et c'est ce que je recherche.
mais sinon en effet je peux voir avec une grande PNG et une autre petite
merci, je vais teté
>>>>> background : url(/premiere_image) no-repeat top left , url(deuxieme_image) no-repeat top right;
par contre pas moyen de mettre un troisieme élément comme la couleur de fond ....
et c'est ce que je recherche.
mais sinon en effet je peux voir avec une grande PNG et une autre petite
merci, je vais teté
ha ben mince ! si ca marche --> testé car j'étais resté sur l'idée que background-image = 1 image
voici la soluce ca affiche la couleur du fond aussi (sous firefox)
.div {
width:100%;
height:500px;
background:url(image.png) repeat-y top left,
url(image.png) repeat-y top right;
background-color:#FFFF99;
}
voici la soluce ca affiche la couleur du fond aussi (sous firefox)
.div {
width:100%;
height:500px;
background:url(image.png) repeat-y top left,
url(image.png) repeat-y top right;
background-color:#FFFF99;
}