Menu déroulant

Bonsoir

Je viens de mettre un menu déroulant sur mon site : http://www.portailvacances.com/index.html Voir "espace certifié" dans le menu de gauche. Comment le rendre transparent et le faire disparaitre rapidement lorsque la souris a changé de place? actuellement c'est trop long pour moi

Bonne soirée
Configuration: Windows Vista
Firefox 2.0.0.4

9 réponses

  1. Bonjour,

    Pistes :

    Menus Déroulants transparents avec temps de fermetures contrôlés :

    Objectif :

    Réaliser un menu déroulant XHTML + CSS (sans javascript) avec fonds transparents :

        "MarcArea_com - Menus Déroulants CSS 01 (transparents et sans javascript)"

    Notes :

    * Pour donner un fond transparent, il faut créer dans un logiciel de création d'image, un rectangle de couleur uni, avec un niveau de transparence alpha à 60% par exemple, et l'enregistrer au format PNG. Puis le placer (le rectangle transparent), en tant qu'image de fond des liens des sous-menus .

    ** Pour plus de raffinement et dans l'esprit de la transparence, il est possible de donner un bord supérieur et un bord droit transparents aux éléments des sous-menus .

    Merci...
    1. Contributeur
      oui mais les menus déroulant sans js ne fonctionneront pas dans Internet Explorer 6 et versions antérieures car ces navigateurs ne supportent pas la pseudo-classe :hover !!!!!!

      RAD
      1. Bonjour,

        J'avais bien lu cette restriction ;-) Merci de l'avoir précisé .

        Merci...
    2. Bonjour,

      Réaliser un menu déroulant XHTML + CSS (sans javascript) avec fonds transparents :

          "MarcArea_com - Menus Déroulants CSS 01 (transparents et sans javascript)"

      LE TEXTE COMPLET CONCERNANT LES RESTRICTIONS :

      Attention : le menu déroulant décortiqué dans ce tuto ne fonctionnera pas dans Internet Explorer 6 et versions antérieures car ces navigateurs ne supportent pas la pseudo-classe :hover sur un autre élément que <a>. Ce navigateur ne supporte pas non plus les images au format PNG avec transparence alpha. Il existe des solutions, je vous laisse creuser.

      * Pour les plus geeks d'entre vous, je vous conseille l'étude d'une autre technique qui propose d'utiliser ce qu'on appelle en anglais les behaviors pour permettre à IE de comprendre la pseudo-classe :hover sur tous les éléments ( whatever:hover !) et de faire des chouettes menus.

      * Voir aussi, les bons tutoriels d'Alsacréations ; Lien "Menu déroulant en CSS et XHTML (horizontal et vertical".

      Merci...
      1. Bonjour,
        Pourquoi chercher à éviter javascript dans ce cas? Javascript peut aussi faire de la transparence. Plus difficile par contre.

        Serge.