CSS display:none and visibility:hidden

css hide hidden
Francisc picture Francisc · Aug 26, 2010 · Viewed 9.6k times · Source

I have a div that I use to display alerts when needed.

If I want to close it after a while can I use display:none or should I use display:none as well as visibility:hidden?

So one or both.

Thank you.

Answer

Yi Jiang picture Yi Jiang · Aug 26, 2010

Depends. If you need the space to be left blank, that is, the space won't be taken up by other elements below or around it, you'll need visibility: hidden. Otherwise, use display: none, which will allow other elements to move into the element's place.

There's no reason to use both.

Related questions

Hide Show content-list with only CSS, no javascript used

I've been searching for a good trick to make a Hide/Show content or a list with only CSS and no javascript. I've managed to make this action: <!DOCTYPE html> <head> <style> #cont {display: …

Read More
jQuery hide and show toggle div with plus and minus icon

I have the code working for the show and hide the div. How would I add two different icons as a sprite image for when the show and hide are active? For example: + icon for show me, then a - …

Read More
JavaScript - Hide a Div at startup (load)

I have a div in my php page that uses jQuery to hide it once the page has loaded. But is there a way to hide it from the very start of loadup? The reason I ask is because for …

Read More