как размыть сайт в выпадающем меню

Question

Я изо всех сил пытаюсь заставить это работать с кодом, который я имею.Ниже приведен код, который у меня есть на данный момент.Поэтому любая помощь будет принята с благодарностью.

$(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;
}