Superposer 2 back ground

[donaldlloyds]

bonsoir, petite question qui je supose est super simple mais bon tant que le ne la pas realiser une foie on peut pas savoir, alors je vais faire mon boulet mais je suis sur que ca aidera quelqu un d autre

j ai actuellement un backround :transparent url(../img/block_footer.gif) no-repeat scroll left bottom
je souhaite rajouter par dessus un png afin d y intégrer des formes que je voudrais changer par la suite d ou la nécessité de 2 backrounds superposer, comment faire ???
V+

[donaldlloyds]

après quelques recherche sur le web ca devrais donné quelques chose comme ca si j ai bien compris
2 script diffèrent car sur le deuxième le type disé que ca marchais avec css.2 de memoir :sick:

je ne suis pas chez moi donc j essayerais les 2 ce soir pour vous dire si jeme suis trompé %-P

#########################################

body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white url(http://site/img/bg.jpg) repeat-x scroll center top;
background:transparent url(http://site/img/bg2.jpg) repeat-x scroll center top;
color:#5D717E;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:11px;
text-align:center;
}

#######################################

body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-image: url(http://site/img/bg.jpg), url (http://site/img/bg2.jpg);
color:#5D717E;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:11px;
text-align:center;
}

#######################################

[Nommam]

tu prend les chose a l'envers mon amis, tu n'a pas 2 background supperposé, c'est pas possible !

Tu en mets un dans le body, et l'autre dans la div #page

[donaldlloyds]

tu prend les chose a l'envers mon amis, tu n'a pas 2 background supperposé, c'est pas possible !

Tu en mets un dans le body, et l'autre dans la div #page

comme ceci ?

body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white url(http://site/img/bg.jpg) repeat-x scroll center top;

color:#5D717E;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:11px;
text-align:center;
}

#page {
background:transparent url(http://site/img/bg2.png) repeat-x scroll center top;
margin:0 auto 2px;
text-align:left;
width:980px;

[Nommam]

pkoi pas !!!

[donaldlloyds]

pkoi pas !!!

tu n aurais pas fait comme ca ?
j essai ca ce soir et tout autre proposition
merci pour le coup de main je commence a comprendre le principe mais je ne maitrise pas encore les codes.

[Nommam]

je ne suis pas expert en css, Donc .... je tatonne

[donaldlloyds]

ca marche pas

[jeckyl]

Tu as un conteneur body qui correspond à tout l'écran, sur ce conteneur tu veux rajouter une image.

Cette image sera le fond d'un élément, donc comme tous les éléments composant un page web sont intégrés dans la balise body il n'y a pas de problème.

Je ne comprends d'où te vient la difficulté ?

[donaldlloyds]

aurais tu un bout de code a me proposer stp

[jeckyl]

Salut,

Après réflexion, je ne comprends pas exactement ce que tu cherche à faire.

Ton premier background est où et le second s'applique où.

Peux tu nous faire un montage en image.

[donaldlloyds]

c est tout simple je cherche a superposer 2 backgroud, 1 avec le font et l autre avec une image transparent, mais je crois que je vais fusionner les 2 a chaque foi car je ne trouve pas la solution;)

[jeckyl]

Franchement je ne comprends pas où est ton problème.

Ta as ta balise body avec un background et par exemple ta div #header avec un background et ce la fonctionne très bien.

[donaldlloyds]

oui mais la div header et juste pour le header moi je veu pouvoir superposer sur un background complet

[jeckyl]

Ben, tu englobe ta div #page dans une nouvelle div qui n'aura pas de largeur fixe et tu lui appliques un background.

[donaldlloyds]

merci mais on fait ca comment ???
je ne maitrise pas les script encore dsl

[jeckyl]

il faut trouver l'ouverture et la fermeture de la div #page qui se trouve respectivement dans le header.tpl et le footer.tpl de ton thème. Aprsè tu rajoute une ouverture et une fermeture de div autour en lui donnant un id et tu lui applique une ligne css dans global.css.

pour le css : http://www.alsacreations.com/tutoriels/

[donaldlloyds]

merci pour le tuto ca va bien m aider