一种方法是使用覆盖整个页面的overlay元素。如果overlay元素具有半透明的背景色,它将完全使页面变灰
给予较高的评价z-index
,使其位于所有其他元素之上。这样,它可以正确渲染,并且可以捕获所有事件(并且不会通过它们)。
#overlay {
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
}?