Bonjour,

Tout d'abord : j'ai écumé plusieurs forums, j'ai compris le principe du z-index, j'ai cherché sur Google, mais rien ne résout mon problème. J'ai un niveau correct en html et en CSS mais je ne maîtrise pas le JS.
Merci de tenir compte de cela.

Je viens d'ajouter une image (png avec transparence) dans une div (position: absolute) en bas du navigateur.
Problème : il n'est pas possible de cliquer à travers une image (par exemple : une div "retour haut de page"), donc j'ai décidé d'utiliser la propriété du z-index afin de mettre l'image entre le fond et texte, liens, et certaines div.

Extrait du html :

    <!-- En bas de la page -->
                <a href="#banniere"><div id="haut_page2"></div></a>
		<a href="../index.php"><div id="accueil"></div></a>
		 
		<div id="enbas">
			Tous droits réservés. <a href="mentions_leg.html">Mentions légales</a>. Création Web Bemol. <a href="contact_webmast.html">Joindre le webmaster</a>
		</div>
	</div> <!-- Fin de .page -->
	<div class="feet_flower"> <!-- l'image avec des zones de transparence : doit se trouver entre le fond et : liens, texte, images, "#accueil" et "#haut_page2" -->
	</div>
	</body>
</html> 

body{
		background-image: url("/img_corps/fd_lpr.gif");
		background-position: top center;
		background-attachment: fixed;
		background-repeat: repeat-x;
		margin-bottom: 20px;
		
	}

p, a, img{
		position: relative;
		z-index: 60;
	}
	
.page{		
		position: relative;
		/* Taille */
		width: 940px;
		/* Marges */
		margin: -10px auto -6px auto;
		font-family : "Century Gothic", Lucida, Helvetica, sans-serif;
		background-color: #ded39b;
	}

.feet_flower{      /* l'image récalcitrante ^^ */
		position: fixed;
		left: 0px;
		bottom: 0px;
		height: 160px;
		width: 100%;
		background-image: url("/img_corps/foot_lpr2.png");
		background-position: center top;
		background-repeat: no-repeat;
		z-index: 2;
	}

Configuration: AMD Athlon 64 3700+
1 Go RAM
Nvidia Geforce 6600 LE
Windows XP Home Edition SP2
Mozilla Firefox / Internet explorer 7