CSS:隐藏元素或让元素消失在页面的方法有哪些(五颗星)

display:none; visibility:hidden; opacity: 0; position移到外部;z-index图层遮盖等等

1.display: none

渲染树不会包含该渲染对象,因此该元素不会在页面中占据位置,也不会响应绑定的监听事件。

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

2.visibility: hidden

元素在页面中仍占据空间,但是不会响应绑定的监听事件。

该元素隐藏起来了,但不会改变页面布局

3.opacity: 0

将元素的透明度设置为 0,以此来实现元素的隐藏。元素在页面中仍然占据空间,并且能够响应元素绑定的监听事件。

剩余60%内容,订阅专栏后可继续查看/也可单篇购买

前端面试题 文章被收录于专栏

前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理

全部评论

相关推荐

评论
点赞
7
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务