problème affichage a:hover span avec IE, Chrome et safari

Question

Bonjour, j'ai un peu souci d'affichage concernant un menu qui s'affiche au survol de la souris, le tout est fait en CSS. le sous menu s'affiche correctement quand la souris survole "menu", mais quand je descend la souris pour aller dans les liens du sous menu, il disparaît. Sur Firefox, ça s'affiche correctement. Merci de votre aide! :) voici le code de mon menu dans la page html:

[index.php Accueil]

[ Menu ]. Ecraseurs de crabe, ---- [page3d.php 3D]

[pageVideo.php Vidéos]

et le code CSS: #menu { font-size:12px; font-weight:bold; margin:0; padding:0; width:500px; height:30px; overflow:hidden; } #menu li { display:inline; list-style-type:none; } #menu li a { color:white; display:inline; text-decoration:none; margin:0; padding-right:50px; } #menu li a:hover { color:#ffcc33; } #menu li a span { display:none; position:absolute; top:17px; left:90px; background:#7c9ec6; } #menu li a:hover span { display:block; }

natalide78 · Answer

Bonjour,

Je reviens sur mon message pour ajouter que j'ai utiliser entre temps les astuces
trouvées sur le net avec le wmode=transparent ou opaque, et le z-index

en fait, le menu déroulant (span a:hover) s'affiche bien au dessus de l'anim Flash, mais quand la souris veut aller sur ce menu, il disparait, et cela ne me le fait que sur IE.

Là, je suis vraiment bloquée, je ne vois pas de soluces.

Si vous avez des idées, elles seront les bienvenues.
Merci

natalide78 · Answer

Bonjour,

J'ai résolu mon problème en reprenant un autre tutoriel et en supprimant les span pour des ul/li.


Cela fonctionne parfaitement maintenant, sur tous les navigateurs.

Bon courage à tous,
natalide78

Problème affichage a:hover span avec IE, Chrome et safari

2 réponses

Votre réponse

Discussions similaires