前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【头条】如何隐藏页面中的某个元素

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

作者头像
山月
发布2021-04-07 12:08:18
3.2K0
发布2021-04-07 12:08:18
举报

01 display: none

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

display: none;

02 opacity: 0

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

opacity: 0;

03 visibility: hidden

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

visibility: hidden;

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

position: absolute;
top: -9000px;
left: -9000px;

更多面试

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

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-04-02,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 全栈成长之路 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 01 display: none
  • 02 opacity: 0
  • 03 visibility: hidden
  • 03 绝对定位于当前页面的不可见位置
  • 更多面试
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档