定位在圖像和圖像下

Question

美好的一天。我有一個代碼：

<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> 

CSS：

#avimg:hover { 
opacity:0.3; 
-moz-opacity:0.3; 
filter:alpha(opacity=40); 
} 
#act-await { 
    display:none; 
} 
#avimg:hover + #act-await { 
    display:block; 
} 

所有作品。但我需要一個圖像下的鏈接。當我做到這一點，塊＃行爲 - 等待不顯示（當鼠標懸停）。

<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> 

Answer 1

如果您還不知道鏈接是什麼，請使用井號鍵。你有一個空的HREF

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

在你的情況下

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

而當你有一個鏈接替換它