Problème de z-index

21 sept. 2006, 21:52

Bonjour,
Je voulais savoir si quelqu'un pouvait m'éclairer un peu dans mon problème.
J'ai un bloc et dedans un lien qui se positionne en absolue par rapport à celui-ci.
Le hic c'est que j'appelle ce bloc plusieurs fois. Sous FF, il n'y a pas de soucis mais sous IE il reste derrière le bloc rouge.

Html

Code : Tout sélectionner

<div class="bloc">
    <a href="#">Test</a>
</div>
			
<div class="bloc">
    <a href="#">Test</a>
</div>

css

Code : Tout sélectionner

.bloc {
	position: relative;
	background: red;
	border: 1px solid black;
	height: 60px;
}

html>body .bloc {
	min-height: 60px;
        height: auto;
}
			
.bloc a {
	position: absolute;
	width: 83px;
	height: 55px;
	background: yellow;
	z-index: 2;
}

.bloc a:hover {
        width: 250px;
	height: 167px;
	z-index: 3;
}

Si quelqu'un à une petite idée.

Merci

++

22 sept. 2006, 14:36

Salut!

Enrichis ton code en ajoutant ceci:

Code : Tout sélectionner

.bloc {
  z-index: 1;
}

Essaie pour voir.

22 sept. 2006, 21:15

Non ca ne fonctionne pas j'avais déja essayé.

J'ai opté pour la solution de l'info bulle.

Il faut mettre ceci aussi pour que ca fonctionne sous IE

Code : Tout sélectionner

<!--[if IE]>
		<style type="text/css">
			.agrandir:hover,.agrandir:active {
					z-index: 1;
				} 
		</style>
		<![endif]-->

Merci.

++

Problème de z-index

Qui est en ligne