>[success] # css 元素隱藏 1. **display設置為none**，元素不顯示出來, 并且也不占據位置, 不占據任何空間(和不存在一樣); ~~~ <div style="display: none">123</div> ~~~ * 瀏覽器原本對div 的樣式為`block` ,當設置`none` 權重覆蓋自然隱藏  2. **visibility設置為hidden**，設置為hidden, 雖然元素不可見, 但是會占據元素應該占據的空間 3. **rgba設置顏色, 將a的值設置為0**，rgba的a設置的是alpha值, 可以設置透明度, 不影響子元素; * 此時雖然設置背景色為黑色但是，透明度為0 因此背景是不可見的但是里面文字可見  ~~~ <div style="background-color: rgba(0, 0, 0, 0)">123</div> ~~~ * 此時設置了字體透明，雖然不影響子元素但是因為繼承關系span包裹的字符也透明了  ~~~ <div style="color: rgba(0, 0, 0, 0)">123<span>555</span></div> ~~~ 4. **opacity設置透明度, 設置為0**，設置整個元素的透明度, 會影響所有的子元素; * 所有元素全部透明，并且如果里面有圖片也會透明 ~~~ <div style="opacity: 0">123</div> ~~~