隐藏元素方法？以及区别？

1、visibility: hidden：

此方法将元素隐藏，但元素仍然会对网页布局起作用，即它占据空间。元素不会响应任何用户交互。

2.display: none：

此属性确保元素不仅不可见，而且不会生成盒模型，即元素不占据任何空间。任何对该元素的直接用户交互操作都不可能生效。

与 visibility: hidden 不同的是，使用 display: none，元素及其所有子孙元素都会被同时隐藏，且读屏软件也不会读到元素的内容。

3.transform: scale(0)：

通过将元素缩小至无限小，使其变得不可见。元素原来所在的位置会被保留。

4绝对定位，移除页面

5.CSS透明度可以通过设置元素的opacity属性来实现。

该属性接受一个0到1之间的值，其中0表示完全透明，1表示完全不透明。