28220 sujets

CSS et mise en forme, CSS3

Formulaire, z-index et explorer

Bonjour à tous.

Voici mon problème.
J'ai un formulaire avec une case select.
Au passage sur un lien, une carte de géographie vient se poser (passage d'un display none à un display inline) au dessus de la page, recouvrant également le formulaire. Sur Firefox, pas de problème. Sur IE, le z-index de 500 de ma carte est efficace mais la case select du formulaire est toujours au-dessus de la carte.

Je n'ai pas trouvé de réponse sur le forum en recherchant, alors merci à ceux qui pourront me donner une piste.

phenix
C'est un bug d'explorer, il n'y a ucun moyen de faire passer un select sous un autre élément.

Il paraît que ce sera corrigé dans la version 7.
Bonjour,
avec IE l'élément sélect reste au premier plan. Il faut le cacher avec 
display:none
au moment ou ton image supperpose.
Hello,

Le lien est de la forme 
<a href="#" class="infocarte">Voir la carte<div><img src="..." /></div></a>


et le css correspondant

a.infocarte {
	position:relative;
}

a.infocarte div {
	display:none;
}

a.infocarte:hover {
	background: none;
	z-index:500;
}

a.infocarte:hover div {
	display:inline;
	position:absolute;
	z-index:500;
	top: -8em;
	left: -200px;
}


phenix
chmel a écrit :
Bonjour,
avec IE l'élément sélect reste au premier plan. Il faut le cacher avec 
display:none
au moment ou ton image supperpose.


Les réponses sont hyper rapides...merci.

C'était mon idée, seulement je ne vois pas comment intervenir sur ce select lors du passage sur mon lien.
phenix a écrit :


C'était mon idée, seulement je ne vois pas comment intervenir sur ce select lors du passage sur mon lien.


avec javascript. tu mets un id="mon_select" par exemple et

<a href="#" class="infocarte" onmouseout="document.getElementById('mon_select').style.display=''" onmouseover="document.getElementById('mon_select').style.display='none'" >Voir la carte<div><img src="..." /></div></a>


Autant tout faire en js car display:none, question accessibilité c'est moyen
C'est juste, la seule possibilité que je vois est effectivement le javascript. Je voulais juste essayer d'éviter ceci de ne pas utiliser de script. Mais enfin bon, je crois que j'ai pas le choix.

Merci pour la réponse.
Sujet clos
Aller à