0
좋은 하루.이미지와 이미지 아래에 위치
<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;
}
모든 작품 나는 코드가 있습니다. 하지만 이미지 아래에 링크가 필요합니다. 내가 이것을 만들 때, 블록 # act-await가 보이지 않을 때 (마우스가 올려 졌을 때).
<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>
와 파운드 키를 교체 – KovMus