Four common ways to hide HTML elements using CSS

Four common ways to hide HTML elements in CSS

1.opacity: settings can opacity: 0 make an element completely transparent.

The transparency of the setting is inherited by the quilt element and cannot be canceled.

You can usually use opacity attributes to make the fade effect of an element.

Settings opacity:1 can make transparent elements visible.

2.Visibility: is the first choice for many people to hide an HTML element.

Visibility: Hidden is visually invisible, but the position of the space it occupies still exists.

3. Span style= "COLOR: #ff0000" >display:none It's position:absolute and < Span style= "FONT-SIZE:16PX; font-family: "microsoft yahei" ">visibility:hidden;

When this property is set, the object disappears completely on the page and no longer occupies the space of the document .

Setting an element to display: block or another value can make the element visible again.

4.transparent: For background-color:transparent, simple to turn back static or border property into transparent color, child elements will not affect.

* where we need to note opacity It is applicable except IE browser for all browsers.

Filter:alpha (OPACITY=50) is the transparent attribute used for IE browser.

Set opacity: 0 can make an element completely transparent

Four common ways to hide HTML elements using CSS