css让元素透明的方式

1. display: none: 父元素为none，子元素为block，那么子元素不显示

2. visibility: hidden; 父元素为hidden，子元素为visible，那么子元素可以显示

3. opacity: 0.2; 如果父子都设置了，那么子元素更加透明

4. position: absolute:

5. z-index: 负值:

6. transform: scale(0):

7. rgba的a设置为0，只是设置元素的背景色为透明，不影响元素内容的展示

   display: none;
   浏览器不会渲染 display:none; 的元素，不占据空间
   性能：动态改变此属性时，会引起重排，性能较差
   继承：不会被子元素继承，因为子元素也不会被渲染
   transition过渡：transition不支持display
   visibility: hidden;
   元素隐藏并占据空间
   重绘
   继承：会继承，子元素能取消隐藏 （visibility: visible）
   支持过渡transition
   opacity: 0;
   元素隐藏并占据空间
   可监听DOM事件
   不重绘
   继承：会继承，子元素不能取消隐藏
   支持过渡transition