元素默认隐藏且不占用空间显示时需要设置过渡不使用display

属性，可以使用opacity或者visibility属性来实现元素的显示和隐藏。

使用opacity属性可以实现渐变的显示和隐藏效果，将元素的opacity属性设置为0时，元素会隐藏，将opacity属性设置为1时，元素会完全显示出来。在设置opacity属性时，可以使用过渡效果来实现渐变的显示和隐藏效果。

使用visibility属性可以实现元素的显示和隐藏，将元素的visibility属性设置为hidden时，元素会隐藏，将visibility属性设置为visible时，元素会完全显示出来。与opacity属性不同的是，visibility属性不能实现渐变的显示和隐藏效果，只能实现元素的立即显示和隐藏。