css 中隐藏元素的方法有很多,但他们也各有差异,不同场景选择合适的方式能事倍功半!
方式 | 占位 | 点击事件 |
display: none | ❌ | ❌ |
opacity: 0 | ✅ | ✅ |
visibility: hidden | ✅ | ❌ |
clip-path: circle(0) | ✅ | ❌ |
position:absolute; top: -999px; | ❌ | ✅ |