2 background-image + 1 background -color : possible ?
Résolu
gintoxic
Messages postés
566
Statut
Membre
-
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 3003 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
--
Si Dieu a créé l'homme, qui a créé Dieu, l'homme non ?
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
--
Si Dieu a créé l'homme, qui a créé Dieu, l'homme non ?
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
-
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é-
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;
} -
-
-
