在鼠标箭头上粘贴div并覆盖所有内容

Question

我尝试做的是当我将鼠标悬停在图像（横幅尺寸）上时，div块将出现在网站内容和横幅图像上，并包含一些文字。

我将此代码用于鼠标悬停功能：

$('#achievement1').mouseover(function(){
$('#blockincomplete').fadeIn().delay(4000).fadeOut();
});

对于div框，我使用了这个HTML代码：

<div id="blockincomplete" style="display:none">
<font face="verdana" color="white">Here goes text message.</font>

和我使用的css：

#blockincomplete{
position:fixed;
width:220px;
padding:10px;
border:2px solid Chartreuse;
margin:none;
background-color:black;
}

任何解决方案，以便div框可以粘住鼠标光标并覆盖所有内容，直到它消失？