What is the difference between display:none and visibility:hidden?
display:none
visibility:hidden
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
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
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