Effacer un bloc au passage de la souris

bonjour,

Je cherche à faire ça :
Un bloc est visible.
Au passage de la souris sur le bloc, celui-ci s'efface laissant apparaitre celui de dessous avec des liens texte.

J'ai essayé comme ça :

.cadre_dessus {
	background: #00FFCC;
	height: 300px;
	width: 300px;
	display: block;
	position: absolute;
	z-index: 2;
}

.cadre_dessus:hover {
	z-index: 0;
}
.cadre_dessous {
	background: #CCCC33;
	display: block;
	height: 300px;
	width: 300px;
	position: absolute;
	z-index: 1;
}


<div class="cadre_dessous">
  <a href="#">lien 1</a> </br>
  <a href="#">lien 2 </a>
</div>
<a href="#" class="cadre_dessus"></a>

Mais évidemment ça clignotte.
Si je fais disparaître la couleur de fond, ça marche mes les liens ne sont pas accessibles.
Bref, je me demande si on peu faire ça en CSS ?...
Modifié par ulysse (28 Sep 2006 - 23:26)

Bonjour,

Il y a sûrement un moyen de faire cela en css ... en faisant un

petit tour côté des tutoriels

Dans le cas de mon exemple, en fait, je ne vois pas bien comment faire ça.

Le but étant que le bloc de dessus disparaisse au profit des liens du bloc du dessous, sans faire apparaître de zone supplémentaire.

Et comme la totalité du bloc de dessus est un lien je ne vois pas comment atteindre les liens du dessous...