CSS隐藏HTML元素的四种常用方法
1.opacity：设置opacity: 0可以使一个元素变得完全透明。
设置的透明度会被子元素继承，而且无法取消。
通常可以使用opacity属性来制作元素的淡入淡出效果。
设置opacity:1可以使透明元素变得可见。
2.visibility： 是许多人在隐藏某个HTML元素时的首选。
visibility:hidden视觉上看不见，但它所占据空间的位置仍然存在。
3.display:none它是position:absolute和visibility: hidden;的折中方法。
设置该属性后，该对象会在页面上彻底消失,并且不会再占用文档的空间。
将元素设置为display: block或其它值可以使元素再次可见。
4.transparent:用于background-color：transparent；单纯的把背静或者border属性变成透明色，对子元素不会影响。
*其中我们需要注意opacity它是适用除IE浏览器以外的所有浏览器。
filter:Alpha(opacity=50)是针对IE浏览器所用的透明属性。
设置opacity: 0可以使一个元素变得完全透明
使用CSS隐藏HTML元素的四种常用方法
原文地址：https://www.cnblogs.com/Lzz-/p/8593203.html