【CSS】元素的隐藏元素的隐藏可通过display属性、visibility属性、alpha值、opacity属性来设置

元素的隐藏可通过display属性、visibility属性、alpha值、opacity属性来设置，各自的用法不同，详解如下。

通过display属性设置为none不可见，则元素仍会存在于html结构中，但不占据页面位置。

通过visibility属性设置为hidden不可见，则元素仍会存在于html结构中，占据原有位置。

通过设置color属性或者background-color对应的alpha值为0，如rgba(0,0,0,0)，只能是字体或者背景色不可见，不能影响元素本身或是元素的后代。

通过opacity属性设置为0(区别于visibility属性，该属性的值取值为0~1)，则元素变为完全透明，影响所有子元素，元素仍会存在于html结构中，且占据原有位置。