隐藏页面元素

隐藏页面元素

1. opacity: 0

该元素隐藏起来了，但不会改变页面布局。并且，如果该元素已经绑定一些事件，如 click 事件，那么点击该区域，也能触发点击事件的。

2. visibility: hidden

该元素隐藏起来了，但不会改变页面布局，不会触发该元素已经绑定的事件。

3. display: none

把元素隐藏起来，并且会改变页面布局，可以理解成在页面中把该元素删除掉一样。

4. position 移到外部

5. z-index 涂层遮盖

CSS 文章被收录于专栏

CSS

全部评论

相关推荐

11-25 00:16
四川大学 供应链专员
点赞 评论 收藏
分享
11-25 00:13
广东工业大学 算法工程师
点赞 评论 收藏
分享
1 1 评论
分享

全站热榜

正在热议
# 25届秋招总结 #
356622次浏览 3479人参与
# 我的实习求职记录 #
6089921次浏览 83714人参与
# 北方华创开奖 #
50406次浏览 451人参与
# 地方国企笔面经互助 #
5331次浏览 13人参与
# 职场吐槽大会 #
90967次浏览 752人参与
# 选完offer后，你后悔学本专业吗 #
23127次浏览 165人参与
# 百度开奖 #
215951次浏览 1371人参与
# ai智能作图 #
4331次浏览 79人参与
# 运营商笔面经互助 #
92957次浏览 1336人参与
# 实习中的菜狗时刻 #
279046次浏览 2741人参与
# 腾讯求职进展汇总 #
201083次浏览 1668人参与
# 如果有时光机，你最想去到哪个年纪？ #
25209次浏览 524人参与
# 当下环境，你会继续卷互联网，还是看其他行业机会 #
37964次浏览 345人参与
# 风评不好的公司，你会去吗？ #
20782次浏览 94人参与
# 上班苦还是上学苦呢？ #
91799次浏览 798人参与
# 大疆求职进展汇总 #
414000次浏览 2935人参与
# 国企还是互联网，你怎么选？ #
90256次浏览 704人参与
# 硬件兄弟们 甩出你的华为奖状 #
74012次浏览 609人参与
# 远程面试的尴尬瞬间 #
20635次浏览 296人参与
# 软件开发2024笔面经 #
2326571次浏览 48227人参与
# 如果中了500万，你会离职吗？ #
13817次浏览 145人参与
# 如何一边实习一边秋招 #
1000562次浏览 12701人参与
牛客网
牛客企业服务