Partage
  • Partager sur Facebook
  • Partager sur Twitter

Hover sur un élément Display none

Sujet résolu
    16 octobre 2021 à 16:32:57

    Bonjour !

    Je tiens à déclarer que je débute en HTML/CSS, je me pose donc des questions sur son fonctionnement et autre.

    Ma question est la suivante : Pourquoi certaines caractéristiques CSS d'un élément ne fonctionne pas si par défaut on lui donne la caractéristique "display: none"

    Pour être plus compréhensif j'ai fait un codepen : https://codepen.io/catif/pen/mdMVxaY

    Si ma question est confuse n'hésitez pas, j'essayerai de reformuler :)

    -
    Edité par Catif 16 octobre 2021 à 16:36:07

    • Partager sur Facebook
    • Partager sur Twitter
      16 octobre 2021 à 16:56:11

      Bonjour,

      il me semble que le souci n'est pas display: none mais au contraire display: contents.

      These elements don't produce a specific box by themselves. They are replaced by their pseudo-box and their child boxes.

      (source : https://developer.mozilla.org/en-US/docs/Web/CSS/display )

      Ici, display: contents affiche le contenu de la boîte, et pas la boîte elle-même. Donc c'est normal que color fonctionne puisque c'est une propriété du contenu, mais background ne l'est pas, et position non plus.

      • Partager sur Facebook
      • Partager sur Twitter

      Pas d'aide concernant le code par MP, le forum est là pour ça :) (en plus je n'y connais rien en C)

        16 octobre 2021 à 17:46:56

        Effectivement, merci pour ta réponse !

        Je pensais que le contraire de "none" était "contents" pour contenue ^^'

        • Partager sur Facebook
        • Partager sur Twitter

        Hover sur un élément Display none

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        • Editeur
        • Markdown