CSS中的visibility屬性可以被用來隱藏和顯示元素。該屬性相比于display屬性更加靈活,因為它可以將元素隱藏但仍然留下了占位,而display屬性則會將元素完全移除并不占用任何空間。
.element { visibility: hidden; }
以上代碼將元素隱藏但仍然保留占位,如果將上述代碼修改為:
.element { display: none; }
則元素將被完全移除并且不會占用任何空間。
除了使用可見性屬性來控制單個元素的可見性之外,您還可以使用CSS偽類來動態(tài)控制顯示和隱藏元素。
.element:hover { visibility: hidden; }
上述代碼將在鼠標(biāo)懸停到元素上時將元素隱藏。