28172 sujets

CSS et mise en forme, CSS3

Image qui s'affiche sous un "select" uniquement sur ie6

Bonjour à tous,

Au passage de la souris sur une vignette je fais afficher une image en taille pleine uniquement grâce au css.
Voici le code :

CSS: 
.zoom-big{
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
.zoom-lien:hover{
text-decoration:none;
background-color:#EDF1F4;
}
.zoom-lien:hover .zoom-big {
	border: 1px solid #000000;
	height: auto;
	position: absolute;
	width: auto;
	left:25%;
	top:25%;
	z-index:0;
}


HTML :

<a class="zoom-lien" href="#"> Site : <br/>
<img  height="84" width="150"  src="../images/.....JPG" alt="Site">
<img src="../images/.....JPG" alt="Site" class="zoom-big">
</a>


Le problème est que, sous ie6 (et certainement les versions antérieures), l'image "zoomée" apparaît derrière une liste déroulante présente sur la page.

Voici un image qui montre avant/après :

http://img292.imageshack.us/img292/6203/imageyr6.jpg

J'ai essayé de jouer sur le z-index mais cela ne fonctionne pas...

Merci d'avance pour votre aide !
Modifié par Oxycrest (16 Jun 2008 - 09:49)
Administrateur
Bonjour,

il manque un item de FAQ qui s'intitulerait "Comment NE fonctionne PAS la propriété CSS z-index?" et c'est avec un select sous IE6 ...
La seule solution connue est d'utiliser une iframe.
N'ayant pas le bon lien le plus explicatif sous la main, je te laisse chercher ici ou sur Google select, iframe, ie6, etc Smiley cligne

EDIT: astuce pour Google: cherche "iframe" (avec les guillemets) plutôt que iframe sans guillemets car sinon il renvoie indifféremment des résultats pour frame et iframe. Smiley confus
Modifié par Felipe (16 Jun 2008 - 11:16)
Merci pour vos réponses.

Je n'ai jamais utilisé d'iframe, je crois que c'est le moment ou jamais.

En effet Sylvain, il me semble que c'est lié...

a écrit :
...les objets select, pour une raison étrange, sont windowed. Cela signifie qu'ils ne tiennent pas compte du z-index appliqué aux autres éléments HTML.


Merci encore, je vous tiens au courant.
Le problème est quelque peu mis de côté pour le moment mais j'y reviendrais plus tard.

Je ne lâcherai rien !
Sujet clos
Aller à