- display: none (不占空间，不能点击)（场景，显示出原来这里不存在的结构）
- visibility: hidden（占据空间，不能点击）（场景：显示不会导致页面结构发生变动，不会撑开）
- opacity: 0（占据空间，可以点击）（场景：可以跟transition搭配、自定义图片上传按钮）
分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景
css隐藏元素display：none，opacity:0;filter：alpha(opacity=0-100;，visibility：hidden的区别
display:none;与visibility:hidden;的区别
display:none和visibility:hidden的区别？
使用display：none和visibility：hidden隐藏的区别
详细介绍visibility:hidden和display:none的区别
display:none和visibility:hidden v-show和v-if的区别
HTML中visibility:hidden 和 display:none 的区别及实例？
关于隐藏元素高度的问题 css visibility:hidden 与 display:none的区别
visibility、display、opacity隐藏区别