分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景

更新: 10/10/2025 字数: 0 字 时长: 0 分钟

1. display: none - 不占空间，不能点击，会引起回流，子元素不影响

2. visibility: hidden - 占据空间，不能点击，引起重绘，子元素可设置 visible 进行显示

3. opacity: 0 - 占据空间，可以点击，引起重绘，子元素不影响