display:none和visibility:hidden的区别?以及还有什么方法可以让元素消失?

display:none;

  元素从Render tree上被拿下

  不参与layout过程,其宽度和高度不会影响渲染

visibility:hidden;

  元素还在Render tree上

  参与layout过程,宽度和高度影响渲染,但是内容透明

把元素的宽度或者高度设置为0

幻灯片等使用情况下,通过z-index让其他元素覆盖本元素。

posted @ 2021-04-24 14:18  #Friday  阅读(60)  评论(0)    收藏  举报