css如何隱藏一個元素

admin發表於2017-04-07
CSS

本章節分享幾種隱藏一個元素的幾種方式，需要的朋友可以做一下參考。

[CSS] 純文字檢視 複製程式碼
display:none

徹底隱藏一個元素，一點都不會佔據空間。

[JavaScript] 純文字檢視 複製程式碼
visibility: hidden

此種方式只會讓元素不可見，但是它依然佔據原來的空間。

[CSS] 純文字檢視 複製程式碼
position: absolute; top: -9999px;

通過定位的方式，讓元素遠離視線，也可以實現隱藏效果。

[CSS] 純文字檢視 複製程式碼
opacity: 0

設定元素完全透明，依然佔據原來的空間。

相關文章