그림 위에 팝업 링크를 만드는 방법은 무엇입니까?

Question

여기에 같은 결정을 내리는 방법을 알려주십시오 : http://aqvatarius.com/themes/atlant_v1_6/html/pages-gallery.html. 두 개의 링크가있는 블록을 팝업으로 표시하려면 이미지 위로 마우스를 가져 가면 삭제할 다른 그림을 편집 할 수 있도록해야합니다. 여기

<a href="http://placehold.it/400x400&text=Photo+2" title="Apple"> 
<img src="http://placehold.it/100x100&text=Thumbnail-2" alt="Apple" class="img-thumbnail"> 
</a> 

데모입니다 : http://jsfiddle.net/3su8Y/

Answer 1

이이 jsfiddle 참조하십시오 : 여기에 이미지를 표시하는 방법의 예는 여전히 http://jsfiddle.net/3su8Y/7/

.row a { 
    float: left; 
    height: 100px; 
    margin-right: 15px; 
    overflow: hidden; 
    position: relative; 
    width: 100px; 
} 
.row a:hover ul{right:5px;} 
.row a > ul { 
    list-style: outside none none; 
    margin: 0; transition: all 200ms ease 0s; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    right: -49px; 
    top: 0; 
    width: 48px; 
}