隐藏元素可以分为 3 大类

• 完全隐藏：元素从渲染树中消失，不占据空间

  • 设置 display:none（触发重排）
  • 为元素设置 hidden 属性。

• 视觉上的隐藏：屏幕中不可见，占据空间。

  • 设置 opacity 属性为 0（可以点击，不可继承）、visibility:hidden（不可点击，可继承）（触发重绘）
  • 物理移除屏幕可见区域：绝对定位的 left 和 top 值设置为 -999px、设置 margin-left 值为 -999px
  • 设置宽高为 0、裁剪元素。

• 语义上的隐藏：读屏软件不可读，但正常占据空。

  • 将 aria-hidden 属性设置为 true 使读屏软件不可读