## **1、display和visibility屬性差別** visibility="visible|hidden"，visible顯示，hidden隱藏。 當visibility被設置為"hidden"的時候，元素雖然被隱藏了，但它仍然占據它原來所在的位置。 **display:inline|block|none** **inline：行元素 兄弟標簽不換行** **block：塊元素,每個帶有block的元素各占一行（換行）** **還有個hidden是html的屬性不是css他表示域瀏覽器不相關一般用在表單交互上如input** ## **2、禁用：disabled與readOnly** 這兩個一般用于form表單，區別就是disabled還會阻止表單提交應用的表單值 ## **3、display：none與pointer-events: none；的區別** display：none; 是你摸不著，但是你也看不見。 pointer-events: none；摸不著，但是看得見。如果把某個元素再加上opacity：0；則可以很容易實現類似display:none；的效果（摸不著，看不見）。可用于**阻止事件** ``` .btn-primary.disabled, .btn-primary:disabled { color: #fff; pointer-events: none; cursor: not-allowed; opacity: .65; box-shadow: none; } ``` ## 前端中由于移動鼠標觸發的懸浮標簽遮擋，導致該位置的點擊事件失效 在懸浮標簽的div上增加樣式`style="pointer-events: none;"`即可解決懸浮標簽遮擋影響點擊事件的問題