前言:display:none
、visibility:hiddren
和opacity:0
在某种程度上可以实现对html元素的隐藏,但还是有所区别的,具体结合业务场景应用。
隐藏元素的方法 | 隐藏后是否占据页面空间 | 隐藏后是否还产生交互(如hover,click等) |
---|---|---|
display:none | 否 | 否 |
visibility:hiddren | 是 | 否 |
opacity:0 | 是 | 是 |
前言:display:none
、visibility:hiddren
和opacity:0
在某种程度上可以实现对html元素的隐藏,但还是有所区别的,具体结合业务场景应用。
隐藏元素的方法 | 隐藏后是否占据页面空间 | 隐藏后是否还产生交互(如hover,click等) |
---|---|---|
display:none | 否 | 否 |
visibility:hiddren | 是 | 否 |
opacity:0 | 是 | 是 |