css元素不可見方法

嘩嘩的醬紫發表於2018-12-28
CSS

css使元素不可見的三個方法：display: none / visibility: hidden / opacity: 0

  • display: none
    隱藏元素不佔據空間結構,子元素顯示狀態始終跟父元素保持一致，會引起迴流和重繪，不會遮擋其他元素的觸發事件。
  • visibility: hidden
    隱藏元素佔據空間結構，子元素顯示狀態可根據需求設定不受父元素設定影響，會引起重繪，不會遮擋其他元素的觸發事件。
  • opacity: 0
    隱藏元素佔據空間結構，子元素顯示狀態狀態始終跟父元素保持一致，不一定引起重繪，會遮擋其他元素的觸發事件。

相關文章