我正在努力用我拥有的代码来做到这一点。以下是我目前拥有的代码。因此，任何帮助将不胜感激。
$(function() {
$('.uk-navbar-dropdown').on('mouseover', function() {
$('.body').show();
});
$('.uk-navbar-dropdown').on('mouseout', function() {
$('.body').hide();
});
});
CSS代码：
.body{
position: absolute;
display:none;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000000;
opacity: .5;
z-index: 100;
}
.body 的索引值必须高于内容div，并且必须与内容div 处于同一级别。
<body>
<div class="body"></div>
<div class="content"></div>
</body>
此外，.body 的宽度和高度必须为 100%。
在你的CSS中，没有模糊，但不透明，这是不一样的。在您的情况下，它将是灰色褪色。
尝试背景模糊：
.body {
backdrop-filter: blur(2px);
}