最全的css隐藏元素的7种方法

最全的css隐藏元素的7种方法css隐藏元素

1.display: none: 渲染树不会渲染对象
2.visibility: hidden: 元素在页面中仍占据空间,但是不会响应绑定的监听事件。
3.opacity: 0: 元素在页面中仍然占据空间,并且能够响应元素绑定的监听事件。
4.position: absolute: 通过使用绝对定位将元素移除可视区域内,以此来实现元素的隐藏。
5.z-index: 负值:来使其他元素遮盖住该元素,以此来实现隐藏。
6.clip/clip-path: 元素仍在页面中占据位置,但是不会响应绑定的监听事件。
7.transform: scale(0,0): 将元素缩放为 0,元素仍在页面中占据位置,但是不会响应绑定的监听事件。

今天的文章最全的css隐藏元素的7种方法分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/11143.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注