opacity:0 | display:none | visibility:hidden | |
是否从DOM树消失 | 不会 | 会 | 不会 |
渲染是否占据空间 | 是 | 否 | 是 |
是否可以点击 | 可以 | 不可以 | 不可以 |
属性是否可以继承 | 不可 | 不可 | 可以(子元素修改为visibility:visible显示) |
修改元素造成重排重绘 | 重绘 | 重排 | 重绘 |
性能消耗 | 较少 | 较大 | 较少 |
读屏器是否可以读取 | 可以 | 不可以 | 可以 |
CSS-opacity:0、display:none和visibility:hidden的区别
于 2024-07-12 17:40:59 首次发布