CSS 怎么隐藏元素

display:none

• display:none

这是一种彻底的隐藏方法。隐藏的元素不占用空间，也不影响布局，当然也不能对事件做出反应。

visibility:hidden

• visibility:hidden

以这种方式隐藏的元素仍然占据与隐藏之前相同的空间。尽管该元素处于隐藏状态，但它仍会影响布局。

opacity:0

• opacity:0

oopacity用于在设置时设置元素透明度0时间相当于隐藏元素。因此，元素仍然保持其原始位置并占据响应事件的空间。

z-index

• z-index:-1000

有时通过设置z-index的值使其他元素覆盖该元素也可以达到隐藏该元素的效果。

总结

• 使用 display 方法隐藏元素，将元素完全消失，不占据原来的位置
• 上面提到的其他隐藏方法将在未隐藏时占用空间，不会影响布局。