论元素的隐藏

xiaoxiao2021-02-28  25

1、display:none,确保元素不可见,连盒模型都不生成,真正意义上的隐藏,被隐藏的元素也不占据文档的任何空间,所以绑定在元素上的dom事件也不会被触发,同时,连这个元素的子孙元素也不可见。

2、visibility:hidden,被隐藏的元素依然占据文档的空间,对布局产生影响,想要显示某个子孙元素,只需将这个子孙元素的visibility设置为visible即可,但是绑定在visibility:hidden上的dom事件不会被触发。

3、opacity:0,元素的透明度,从视觉上隐藏,元素本身依然会影响布局,占据文档流,同事对绑定在dom上的事件也会按需触发。

欢迎补充~

转载请注明原文地址: https://www.6miu.com/read-2619963.html

最新回复(0)