Home >Web Front-end >HTML Tutorial >How to hide elements in html

How to hide elements in html

coldplay.xixi
coldplay.xixiOriginal
2021-04-26 14:54:435061browse

htmlMethods to hide elements: 1. Use positioning to hide elements; 2. Opacity sets the transparency of the element to 0; 3. Visibility sets whether the element is visible.

How to hide elements in html

The operating environment of this tutorial: windows7 system, html5 version, DELL G3 computer.

htmlMethods to hide elements:

1. Use positioning to hide elements.

Advantages: As long as the left and top of the element are set to a large enough plurality (this element can interact with the user);

Disadvantage: You can still use screen reading software to read the content of the element .

2. Opacity: Set the transparency of the element to 0.

Features: Set the transparency of the element to 0, which only hides the element from sight. The position of the element itself still exists, and you can also interact with the user.

3. Visibility: Set whether the element is visible.

default: Visible (visible);

## hide (invisible): hidden.

Features: Hide elements but retain their position.

Related learning recommendations:

html video tutorial

The above is the detailed content of How to hide elements in html. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn