배경 이미지가있는 DIV에 핫스팟 추가

Question

div 안에 백그라운드 이미지가있는 핫스팟을 추가 할 수 있습니까?

감사합니다.

에릭

Answer 1

네 확실히, 그냥 (배경 이미지) 상대적 위치 DIV 내부의 절대 위치 링크를 사용합니다.

샘플 HTML

<div class="hotspot-container"> 
    <a href="some-href-for-the-hot-spot" class="hotspot">&nbsp</a> 
</div> 

CSS

.hotspot-container { 
    width: 200px; height: 200px; 
    position: relative; 
    background: url(some-background-image) no-repeat; 
} 
    .hotspot-container .hotspot { 
    width: 10px; height: 10px; 
    position: absolute; 
    top: 20px; /* Top coord of hotspot (relative to parent, bottom: 20px is also valid) */ 
    left: 20px; /* Left coord of hotspot (right: 20px is also valid); */ 
    }