display:none和opacity:0
时间: 2023-04-21 16:04:08 浏览: 161
css元素隐藏原理及displaynone和visibilityhidden
display:none和opacity:都是用来隐藏元素的CSS属性。
display:none会将元素完全从文档流中移除,不占据任何空间,同时也不会触发任何事件。而opacity:则是将元素透明度设置为,元素仍然存在于文档流中,占据空间,但是不可见。
两者的区别在于,使用display:none隐藏的元素不会占据空间,而使用opacity:隐藏的元素仍然会占据空间。另外,使用opacity:隐藏的元素可以通过JavaScript等方式进行操作,而使用display:none隐藏的元素则无法进行操作。
阅读全文