Bonjour,

J'ai un petit problème d'ordre dans mes div. Je voudrais placer une div avec une image de background au dessus d'une autre div qui contient un slideshow.

voici mes css :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
body { background-color: #000; margin: 0px 0px 0px 0px; }
.slideshow { height: 470px; width: 550px; z-index:1; }
.container { height: 470px; width: 960px; background-image:url(img/bg.jpg); margin: auto; }
.jungle { height: 470px; width: 960px; background-image:url(img/bg_jungle.png); z-index:5; }
et ici mon html :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<body>
	<div class="container"><div class="jungle">
    <div class="slideshow">
		<img src="img/home_slide1.png" width="550" height="470" />
		<img src="img/home_slide2.png" width="550" height="470" />
    	<img src="img/home_slide3.png" width="550" height="470" /></div></div></div>
 
</body>
J'ai utiliser z-index pour que le contenu de "jungle" soit au dessus de "slideshow" mais il n'en ai rien.

Je crois que ça vient de la déclaration de mon image en background de ma div "jungle".

Quand dite vous ?
Merci pour vos réponses.