问题:鼠标经过弹出遮罩层,但会一直闪烁
解决:在弹出遮罩层的 CSS 里加上 pointer-events: none;
<div class="noPeopleStatusCtlBox" @mouseenter="noPeopleStatusCtlonMouseoverEnvDelBtn()"
@mouseleave="noPeopleStatusCtlonMouseleaveEnvDelBtn()">
<div class="noPeopleStatusStyle" :style="noPeopleStatus"></div>
</div>
.tooltiptext {
color: #F1F1F1;
font-size: 14px;
width: 100px;
height: 50px;
line-height: 10px;
/*background-color: #c8cbca;*/
text-align: center;
border-radius: 6px;
padding: 5px 0;
/* 定位 */
position: absolute;
z-index: 1;
pointer-events: none;
}