Différence entre display:none et visibility:hidden

Dernière mise à jour le 9 novembre 2007 à 23:31 par Gihef
Publié par Jeff
Les deux attributs CSS display:none et visibility:hidden permettent tous deux de masquer l'affichage d'un élément en CSS dans le navigateur.

Néanmoins, il existe une subtile nuance :
  • visibility: hidden rend le bloc concerné invisible. Cependant, il conserve toujours son emplacement et les blocs adjacents restent à leur place
  • display:none retire le bloc de l'affichage courant. Son emplacement est ainsi occupé, selon les cas, par les blocs adjacents, comme si le bloc n'était pas là !
Meilleures réponses pour « Différence entre display:none et visibility:hidden » dans :
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
Carte mémoire non reconnue (SD, Smartmédia, memory stick, etc.) VoirSi votre ordinateur ne reconnait plus votre carte mémoire, il peut s'agir d'un des problèmes suivants : La carte a été formatée avec un système de fichiers non supporté. Il est nécessaire de la formater en FAT16 : Formater une carte mémoire La...