关于隐藏元素的方法对比

我们都知道隐藏元素的方法有四种：

1、display:none;特点是盒子消失后不再占据尺寸，并且无法继承，transition过渡无效

2、visibility:hidden;特点是盒子隐藏后依然占据尺寸，可以被继承，transition过渡无效

3、opacity:0;让盒子透明，特点是盒子隐藏后依然占据尺寸，可以被继承，并且鼠标还可以选择该元素，transition过渡有效；

4、background-color:rgba(x,y,z,0);让盒子背景色透明，如果盒子有边框，并不能完全让盒子隐藏，且该属性无法被继承，transition过渡无效。

以上属于个人的一个小总结，再接再厉，共同进步。