css隐藏元素的方法

1. display:none  

  去除元素位置;

  造成回流、重绘;

  元素都没有了,自然无法触发时事件了;

2. visibility:hidden

  元素存在且大小不变,只是没有渲染;

  造成重绘;

  元素绑定的事件不会触发了;

3. opacity:0  

  全透明;

  元素存在且大小不变,只是没有渲染;

  造成重绘;

  元素绑定的事件依然会触发

4. transorm:scale(0)

  缩放缩为最小;

  元素存在,大小为0*0;

  造成回流、重绘;

5. position:absolute; top:-999em; left:-999em

  放置于视窗之外,比较奇葩的方法

原文地址:https://www.cnblogs.com/hjqbit/p/7522490.html