CSS隐藏元素的几种方法

1. Opacity:元素本身依然占据它自己的位置并对网页的布局起作用。它也将响应用户交互;

2. Visibility:与 opacity 唯一不同的是它不会响应任何用户交互。此外，元素在读屏软件中也会被隐藏;

3. Display:display 设为 none 任何对该元素直接打用户交互操作都不可能生效。此外，读屏软件也不会读到元素的内容。这种方式产生的效果就像元素完全不存在;

4. Position:不会影响布局，能让元素保持可以操作;