Discussion :

[fadex]

Bonjour

j'ai trouvé cet Exemple

dans ce tutorielMenu déroulant

mais le problème c que cet exemple ne marche que sous FireFox

la question : comment realiser le meme effet sous IE ?

Merci d'avance

[grummly]

Je ne pense pas qu'il soit possible d'obtenir le même effet juste en CSS. Tu peux néenmoins essayer en mettant un <span> dans ta balise <a> mais ce n'est pas trés correct.

[trotters213]

c'est normal, le type utilise des png transparent comme image de fond (ce qui te donne l'impression de transparence) et IE (6 et inférieur du moins) ne les gère pas (normalement le 7 les gère)
Tu peux avoir cet effets en mettant ton background à #fff (blanc) et en utilisant ces propriétés :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
opacity:0.5; 
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity:0.5;

Mais attention elles ne sont pas valides W3C

[Bisûnûrs]

@trotters213 : De plus IE6 ne gère pas cette ligne :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

#menuDeroulant li:hover > .sousMenu { display: block; }

Donc les sous-menus n'apparaîssent pas.

@fadex : Tu peux t'inspirer de ces deux posts :

http://developpez.net/forums/showpos...5&postcount=83

http://developpez.net/forums/showpos...61&postcount=6

Qui sont bien sûr à améliorer selon tes besoins.

[trotters213]

Franchement je te conseille le premier lien, il est carrément meilleur, ... incomparable

[Bisûnûrs]

@trotters231 : J'avoue que le mien comporte un ou deux bugs qu'il faut que je corrige, mais il est fixe.