Création
d'entreprise

Différence entre display:none et visibility:hidden

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à !
Publié par Jeff - Dernière mise à jour le 17 novembre 2009 à 18:54 par marlalapocket
Ce document intitulé « Différence entre display:none et visibility:hidden » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Définir une hauteur verticale et relative à un élément Les CSS pour présenter vos images
Suggestions
  •  Différence entre display:none et visibility:hidden
  •  [Javascript] style.visibility="hidden" » Meilleure réponse: Essaie ceci: function fermer_pub(){ if (document.getElementById) { //IE5 ou Netscape 6 document.getElementById("Layer1").style.display="none"; } if (document.layers) { //NS4.X seul document.Layer1.style.display="none" } } Tu devras test
  •  Dew player audio playlist » Bonjour, J'ai le dew player avec playlist, j'ai du mal a le mettre =/ J'ai déjà chercher sur google mais il me parle de mettre du <php>.... Quelqu'un peut m'aidez SVP !! Configuration: windows 7
  •  [HTML]. Style visibility (Hidden-Visible) » Meilleure réponse: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <!-- Author: Philippe FERY Date: 26 Jul 05 --> <head> <title>Untitled</title> <script language="javascript" type="text/javascript"> var allFields = new...
  •  [javascript] images 'visible' et 'hidden' » Bonjour, Dans un site ecrit en HTML, j'affiche trois images : <img src="..." name="riri"> <img src="..." name="fifi"> <img src="..." name="loulou"> Dans mon script, je definis deux groupes d'images, sous forme d'array de String : var groupe1 =...
  •  Cacher div en javascript (Résolu) » Meilleure réponse: <script> function cacher() { document.getElementById('lobjet').style.display = 'none'; } </script> ... <div id="lobjet">[Merci d'attendre le chargement complet de la page] </div> ... <input type="button" value="Cacher la div" onclick="
Plus
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?
Définir une hauteur verticale et relative à un élément
Les CSS pour présenter vos images