2 background-image + 1 background -color : possible ?

Résolu/Fermé
gintoxic Messages postés 524 Date d'inscription mardi 31 juillet 2007 Statut Membre Dernière intervention 7 avril 2016 - 20 avril 2014 à 00:49
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 20 avril 2014 à 14:42
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

A voir également:

2 réponses

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
20 avril 2014 à 01:35
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
0
gintoxic Messages postés 524 Date d'inscription mardi 31 juillet 2007 Statut Membre Dernière intervention 7 avril 2016 10
20 avril 2014 à 01:45
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é
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 20/04/2014 à 02:16
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;
}
0
gintoxic Messages postés 524 Date d'inscription mardi 31 juillet 2007 Statut Membre Dernière intervention 7 avril 2016 10
20 avril 2014 à 02:47
ah super !! je te remrcie

on a pu apprendre quelque chose tous les deux cette nuit (comme quoi ça porte conseil meme évéillé :) )

bien à toi
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
20 avril 2014 à 14:42
chez moi (guadeloupe) ce n'etait pas encore la nuit vu le décalage horaire
0