opacity: 0、visibility: hidden、display: none 的区别

• display: none：元素从渲染树中消失，不渲染任何内容
• opacity: 0：元素渲染，不可见，可以点击
• visibility: hidden：元素渲染，不可见，不可点击。子元素可以通过设置 visibility: visible 来显示