css元素不可見方法

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

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

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

相關文章