## **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;"`即可解决悬浮标签遮挡影响点击事件的问题