CSS是網頁制作中非常重要的一個組成部分。在網頁中,經常需要用到隱藏元素,比如菜單、彈窗、廣告反饋等等。本文將介紹兩種CSS方法,讓你輕松實現元素的隱藏。
方法一:display:none;
需要隱藏的元素 { display:none; }
使用display:none;可以讓元素完全隱藏,不占用頁面空間,因此有時被稱為真正的隱藏。被隱藏的元素在頁面中不顯示,但仍然存在于HTML代碼中,可以通過JavaScript控制其顯示或隱藏。
方法二:visibility:hidden;
需要隱藏的元素 { visibility:hidden; }
visibility:hidden;與display:none;不同的是,被隱藏的元素仍然占據頁面空間,只是它在頁面上不可見。可以理解為元素被遮蓋了,但在頁面布局中仍占據位置。被隱藏的元素可以通過JavaScript控制其顯隱。
PS:想要讓元素重新顯示,只需要將它的CSS屬性修改為display:block;或visibility:visible;即可。