分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景
1).display: none - 不占空间，不能点击，会引起回流，子元素不影响。
2).visibility: hidden - 占据空间，不能点击，引起重绘，子元素可设置 visible进行显示。
3).opacity: 0 - 占据空间，可以点击，引起重绘，子元素不影响。
分析比较 opacity: 0、visibility: hidden、 display: none 优劣和适用场景
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- 写在前面 此系列来源于开源项目：前端 100 问：能搞懂 80%的请把简历给我[https://github.co...
- 一，display: none;1.DOM 结构：浏览器不会渲染 display 属性为 none 的元素，不占据...
- 结构： display:none: 会让元素完全从渲染树中消失，渲染的时候不占据任何空间, 不能点击， visib...
- display:none 会让元素完全从渲染树中消失，渲染的时候不占据任何空间。不能点击，子孙元素不继承该样式，但...
- 首先先写个代码试下： 三个按钮，分别设置其属性为display: none， opacity: 0，visibil...
