Html 图像上方和图像下方的定位

你好。我有一个密码：

 <div style=\"position:relative;height:auto;padding:5px;float:left;\">
 <img id=\"avimg\" src=".$uinfo["avatar_url"]."><p id=\"act-await\" style='position:absolute;top:13px;left:24px;'><i id=".$uinfo['id']." class=\"icon-checkmark\" onclick=\"accfr(this.id);\"></i><br><i id=".$uinfo['id']." onclick=\"decfr(this.id);\" class=\"icon-cancel-2\"></i></p>
 </div>

一切顺利。但我需要一个图片下的链接。当我这样做的时候，block#act wait wait not show（鼠标悬停时）

如果您还不知道链接是什么，请使用井号键。你有一个空的href

<a href ="#"......

 <div style=\"position:relative;height:auto;padding:5px;float:left;\">
 <img id=\"avimg\" src=".$uinfo["avatar_url"]."><br><a href=\"\"><font size=\"1\">".$uinfo['name']. "<br>".$uinfo['surname']."</font></a>
 <p id=\"act-await\" style='position:absolute;top:2px;text-align:center;'><i id=".$uinfo['id']." class=\"icon-checkmark\" onclick=\"accfr(this.id);\"></i><br><i id=".$uinfo['id']." onclick=\"decfr(this.id);\" class=\"icon-cancel-2\"></i></p>
 </div>

<a href ="#"......

<a href=\"#\".......