What does visibility:hidden mean?

The visibility attribute in CSS specifies whether the element is visible, where visible means the element is visible, and hidden means the element is invisible. All mainstream browsers support the visibility attribute, but any version of Internet Explorer [including IE8] not support.

The CSS visibility property specifies whether an element is visible.

• visible The element is visible.

• hidden The element is invisible.

• collapse　When used in a table element, this value can delete a row or column, but it does not affect the layout of the table. The space occupied by a row or column is freed for other content. If this value is used on other elements, it will be rendered as "hidden".

• inherit Inherit the value of the visibility attribute from the parent element.

What you write in html belongs to visibility:visible; by default, that is, the element is visible. When under certain circumstances, you make the element invisible: visibility:hidden; and then make the element visible after triggering some events, you need to use this visibility:visible; . You understand the difference between

and display:none correctly. After display:none;, the elements will not occupy space.

Recommended tutorial: "css tutorial"

The above is the detailed content of What does visibility:hidden mean?. For more information, please follow other related articles on the PHP Chinese website!