display: none;
:将元素的显示状态设置为none
,元素将从页面上彻底消失,它原本占据的空间会被其他元素占有。visibility: hidden;
:hidden
隐藏,visible默认显示。opacity: 0;
:将元素的透明度设置为0,使其变为完全透明,从而看起来像是消失了。但元素本身仍然占据空间,并且如果元素绑定了事件,这些事件仍然可以被触发。
元素消失或隐藏
最新推荐文章于 2024-07-26 08:00:00 发布
display: none;
:将元素的显示状态设置为none
,元素将从页面上彻底消失,它原本占据的空间会被其他元素占有。visibility: hidden;
:hidden
隐藏,visible默认显示。opacity: 0;
:将元素的透明度设置为0,使其变为完全透明,从而看起来像是消失了。但元素本身仍然占据空间,并且如果元素绑定了事件,这些事件仍然可以被触发。