CSS 元素隐藏技巧：不占空间的过渡显示与隐藏

使用 opacity 或者 visibility 属性可以实现元素的显示和隐藏，并且不使用 display 属性，从而使隐藏的元素不占用空间。

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

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