css隐藏效果区别
使用 css 实现隐藏效果主要是用到一下方法:
- display: none
- visibility: hidden
- opacity: 0
虽然三者都能实现元素的隐藏,但是存在着些许的区别
隐藏方式 | 是否占位 | 绑定到隐藏元素上的事件是否生效 |
---|---|---|
display: none | 否 | 否 |
visibility: hidden | 是 | 否 |
opacity: 0 | 是 | 是 |
使用 css 实现隐藏效果主要是用到一下方法:
虽然三者都能实现元素的隐藏,但是存在着些许的区别
隐藏方式 | 是否占位 | 绑定到隐藏元素上的事件是否生效 |
---|---|---|
display: none | 否 | 否 |
visibility: hidden | 是 | 否 |
opacity: 0 | 是 | 是 |