【头条】如何隐藏页面中的某个元素

2021-04-07 12:08:18 浏览数 (3)

01 display: none

通过 CSS 操控 display,移出文档流

代码语言:javascript复制
display: none;

02 opacity: 0

透明度为0,仍在文档流中,当作用于其上的事件(如点击)仍有效

代码语言:javascript复制
opacity: 0;

03 visibility: hidden

透明度为0,仍在文档流中,当作用于其上的事件(如点击)无效,这也是 visibility:hiddenopacity: 0 的区别

代码语言:javascript复制
visibility: hidden;

03 绝对定位于当前页面的不可见位置

代码语言:javascript复制
position: absolute;
top: -9000px;
left: -9000px;

更多面试

【字节-视频架构组-前端】头条架构组招人了内含自测题

【美团】如何获取一个进程的内存并监控

0 人点赞