隐藏页面元素

隐藏页面元素

1. opacity: 0

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

2. visibility: hidden

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

3. display: none

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

4. position 移到外部

5. z-index 涂层遮盖

CSS 文章被收录于专栏

CSS

全部评论

相关推荐

零零幺零零幺:至少再做一个项目,然后猛投小厂,不然有点难
点赞 评论 收藏
分享
评论
1
1
分享

创作者周榜

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