display: none;、visibility: hidde

作者: Miss_麦兜 | 来源:发表于2018-10-08 12:10 被阅读0次

属性	是否占据空间	是否会被子类继承	transition是否生效	是否会触发元素已绑定的事件
display: none	不占据空间	不继承	不生效	不会
visibility: hidden	占据空间	会被继承，子元素可以通过设置 visibility: visible; 来进行反隐藏	不生效	不会
opacity:0	占据空间	会被继承，但子元素并不能通过 opacity:1 进行反隐藏	生效	会

display: none;、visibility: hidde
display: none ,visibility: hidde
display: none,visibility: hidden,opacity:0均用于隐藏元素。三者的区别： ...
2018-09-14 vue 三
一、v-bind 二、v-show （ display:none）， v-if （visibility:hidde...
display: none 和 visibility：hidde
1，display：none会让元素从渲染树中消失，渲染的时候不占据任何空间；visibility：hidden不...
一个关于img的请求次数的问题
如下：这里有三个关于图片的加载（三张图片不一样），那么display:none和visibility:hidde...
css综合包括
display:none和visibility:none和opacity:0的区别 display:none元素不...
css的一些小问题
display:none和visibility:hidden的区别？ display:none 隐藏对应的元素，...
面试知识3
一：display:none和visibility:hidden的区别？ display:none 隐藏对应的元素...
display-none-与-visibility-hidden
display:none 与 visibility:hidden 说白了就是隐藏元素 display:none 隐...
前端面试遇到的问题 --css
display:none和visibility:hidden的区别？display:none 隐藏对应的元素，在文...