CSS:隐藏元素或让元素消失在页面的方法有哪些(五颗星)
display:none; visibility:hidden; opacity: 0; position移到外部;z-index图层遮盖等等
1.display: none:
渲染树不会包含该渲染对象,因此该元素不会在页面中占据位置,也不会响应绑定的监听事件。
即把元素隐藏起来,并且会改变页面布局,可以理解成在页面中把该元素删除掉一样
2.visibility: hidden:
元素在页面中仍占据空间,但是不会响应绑定的监听事件。
该元素隐藏起来了,但不会改变页面布局
3.opacity: 0:
将元素的透明度设置为 0,以此来实现元素的隐藏。元素在页面中仍然占据空间,并且能够响应元素绑定的监听事件。
剩余60%内容,订阅专栏后可继续查看/也可单篇购买
前端面试题 文章被收录于专栏
前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理