Question

What is Proper CSS for hiding any HTML. Example- Like <div> tag.
I use to do this:

div {display:none; visibility:hidden;}

Does the CSS Supports all the major browsers to Hide that div. Especially Does it Support I.E.

Answer 1

Both display:none and visibility:hidden are universally supported by CSS-enabled browsers, so only the general CSS caveats apply. The have different effect: display:none causes the document to be rendered as if the element were not there at all, whereas visibility:hidden means that the element will be duly processed when formatting the document, normally occupying some space, but removed from the view as if it were turned completely transparent.

Which one you use depends on your goal of hiding an element. For example, if you dynamically (with a client-side script) switch off or on some content, then visibility:hidden can be better as it does not cause a redraw of other content.

Using both is normally pointless, as display:none makes visibility:hidden irrelevant (though in the cascade, it might happen that your settings for these properties may be overridden by other style sheets, and then display:none may lose effect).