【HTML&&CSS】隐藏页面中某个元素的方法（约159字）

文章目录

• 1. opacity：0
• 2. visibility：hidden
• 3. display：none

1. opacity：0

该元素隐藏起来了，但不会改变页面布局，并且，如果该元素已经绑定 一些事件，如click 事件，那么点击该区域，也能触发点击事件的

2. visibility：hidden

该元素隐藏起来了，但不会改变页面布局，但是不会触发该元素已 经绑定的事件 ，隐藏对应元素，在文档布局中仍保留原来的空间（重绘）

3. display：none

把元素隐藏起来，并且会改变页面布局，可以理解成在页面中把该元素。 不显示对应的元素，在文档布局中不再分配空间（回流+重绘）