What is the difference between display:none and visibility:hidden?

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
  • Both will hide the element on the page, but display:none has greater browser support. visibility:hidden is a new property and does not have the best browser support
  • display:none hides the elements but maintains the space it previously occupied. visibility:hidden will hide the element from view and remove it from the normal flow of the document
  • display:none hides the element from view and removes it from the normal flow of the document. visibility:hidden will hide the element but maintains the space it previously occupied.
  • There is no difference; both will hide the element on the page
0/5 (0 Reviews)

Like this article?

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest

Related Posts