Background image

bonjour,

je voudrai savoir comment faire pour pouvoir avoir 2 images l'une sur l'autre en background. J'ai cherché dans quelques forum mais je n'ai pas trouvé

merci de votre aide

Salut Musculation et bienvenue,

De mémoire la méthode proposée ci-après ne fonctionnera pas avec IE vu que c'est du css 3.

#un_identifiant { 
  background-image: url("une_image.jpg"),url("une_autre_image.jpg"); 
  background-position: left top,20px 20px; 
  background-repeat: no-repeat; 
/* avec d'autres propriétés telles que width, height, background-color, etc. */
}

* fait de tête, je peux m'être trompé

<<<EDIT
Sinon, en css 2.1 ça doit être possible en jouant sur le z-index.
EDIT;

@+
Modifié par niuxe (04 Jul 2010 - 00:48)

C'est possible de le faire en css 2.1 pour les navigateurs gérant :before et :after.
Modifié par Patidou (04 Jul 2010 - 10:30)

Et l'eau,

Bien vu Patidou ^^. Je n'avais pas du tout pensé à :before et :after. Cependant, IE6 n'aimera pas ! Et je crois qu'IE7 n'aimera pas lui aussi ces règles. C'est à vérifier.

<hs mode="troll">
burn IE, Burn ! Go to hell with me !
</hs>
Modifié par niuxe (04 Jul 2010 - 11:13)

Il n'y a plus qu'à prévoir une dégradation gracieuse pour ces deux navigateurs.

Patidou a écrit :
Il n'y a plus qu'à prévoir une dégradation gracieuse pour ces deux navigateurs.

Ça va de soi.