在页面上隐藏元素的方法有哪些
Posted xiaoyucoding
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在页面上隐藏元素的方法有哪些相关的知识，希望对你有一定的参考价值。
| 方法 | 是否占据空间 | 是否响应事件 | 补充说明 |
|---|---|---|---|
display: none; |
否 | 否 | 会引起回流和重绘 |
visibility: hidden; |
是 | 否 | - |
opacity: 0; |
是 | 是 | 会引起重绘 |
position: absolute;top: -100px;将元素移除可见区域 |
是 | - | - |
transform: scale(0);将元素缩放为 0 尺寸 |
是 | 否 | - |
z-index: -999;层级调低的同时在同样的位置上用其他元素覆盖 |
是 | 否 | - |
ransform: rotateY(90deg);或transform: rotateX(90deg);使元素在 x/y 轴不可见 |
是 | - | - |
以上是关于在页面上隐藏元素的方法有哪些的主要内容，如果未能解决你的问题，请参考以下文章