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.

• visibleThe element is visible.

• hiddenThe 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".

• inheritInherit the value of thevisibilityattribute from the parent element.

What you write in html belongs tovisibility: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 thisvisibility:visible; . You understand the difference between

anddisplay:nonecorrectly. Afterdisplay: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!