How to constrain a layer from being invisible with CSS

Two different ways:

Mode One: Set property value to none Invisible: display:none

This property changes the display effect of an element. As I mentioned before, if the element uses the None value, then the element is immediately and cleanly disappear. When you right-click on the element to find the place will show as 0x0, God Horse, don't believe, you try. There is no way to see the use of display：none this tag, the use of the value of none will allow the element to be deleted directly from the document, so it does not have any effect on the layout, it is really disappear, the front end is not displayed at all.

Mode two: Set the second property value is not visible: Visibility:hidden

This property can also be used to achieve the purpose of the hidden element, which is also the opposite of the display property, which is just "invisible". With this attribute property, the element is not parsed on the front page, but the element still exists, except that we are not visible to the naked eye, so the element still affects the layout.

How to constrain a layer from being invisible with CSS