显示隐藏方式 | 是否占据空间 | 是否导致浏览器重排重绘 | 能否触发点击事件 |
---|---|---|---|
display : none | No | Yes | No |
visibility : hidden | Yes | No | No |
opacity : 0 | Yes | No | Yes |
设置height,width等盒模型属性为0 | No | Maybe | No |
css隐藏元素的几种方式及区别
最新推荐文章于 2024-05-06 16:56:47 发布
显示隐藏方式 | 是否占据空间 | 是否导致浏览器重排重绘 | 能否触发点击事件 |
---|---|---|---|
display : none | No | Yes | No |
visibility : hidden | Yes | No | No |
opacity : 0 | Yes | No | Yes |
设置height,width等盒模型属性为0 | No | Maybe | No |