diaplay:none

display属性是真正隐藏元素，将display属性设为none确保元素不可见，且被隐藏的元素不占据任何空间。不仅如此，任何这个元素的子孙元素也会被同时隐藏，而且一旦display设为none任何对该元素直接打用户交互操作都不可能生效。

此外元素在读屏软件中会被隐藏。

但是可以通过DOM节点访问到这个元素。

visibility:hidden

被隐藏的元素依然会占据空间，对我们的网页布局起作用。与opacity唯一不同的是它不会响应任何用户交互。

此外元素在读屏软件中会被隐藏。

opacity:0

opacity属性是把一个元素的透明度属性设置0，从而达到隐藏的效果，被隐藏的元素依然会占据空间，并对网页的布局起作用。与visibility不同的是将响应用户交互。