在页面上隐藏元素的方法

  • display:none; // 让元素在页面中消失，不占据实际的空间
  • overflow:hidden;
  • visibility:hidden; // 隐藏内容，但占位保留
  • opacity:0; // 视觉上的隐藏，元素还是占据有文档的位置
  • width:0,height:0; // 元素宽高为0
  • z-index: -9999999999999 // 使层级隐藏在其他元素之下
  • margin-left: -100% // 将元素移动到视口之外