在網頁設計過程中,隱藏元素經常被用到,它可以幫助我們實現如下效果:
.hidden { display: none; }
最常見的使用場景莫過于需要隱藏一些內容,例如菜單欄,在特定條件下隱藏掉,展示其他重要信息。
.hidden-menu { visibility: hidden; }
hidden-menu的visibility屬性設置為hidden,隱藏在文檔流中,但是仍然占據空間,不會影響其他元素的布局。
.hidden-content { opacity: 0; }
最后一種情況需要用到透明度來實現元素的隱藏。在此情況下,元素依舊存在,不過完全透明了。
以上三種方法是比較常用的隱藏元素的方法,根據實際情況來選擇合適的方法。
上一篇css設置無序列表大小
下一篇css鼠標變成移動