bootstrap popover body overlay

script.js

$('[data-toggle="popover"]').on('mouseenter', function(){
	$('.overlay-light').finish().fadeOut();
	$('.overlay-light').fadeIn();
});

$('[data-toggle="popover"]').on('mouseleave', function(){
	$('.overlay-light').finish().fadeIn();
	$('.overlay-light').fadeOut();
});

.overlay-light{
  position: fixed;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
  z-index:0;
}