CSS에서 배경 이미지 맵을 만듭니다

Question

내 사이트 헤더의 배경 이미지입니다.

머리글의 오른쪽 상단에 이미지 맵을 표시하려고합니다.

나는 그것이 올바른 위치로 이동하지만지도 영역은 작은 0x1로 상자가됩니다 입력 다른 위치를 사용하는 경우 내가

position: relative. 

를 사용하는 경우는 페이지의 크기를 조정할 때 이동지도를 할 때마다

지도를 CSS에 넣어 둘 수있는 방법이 있습니까? 다른 아이디어? 합니다 (이미지가 배경이기 때문에 내가 수행 한 연구는 HTML에서 작동하지 않는 것 같습니다에서) 당신이 당신의 이미지 맵을 유지하려면 은

---

              | 
    |-----------------------------------------------|  | 
    |       ------------------ |  | 
    |    HEADER  | put map here | |  | 
    |       ------------------ |  | 
    |            |  | 
    |-----------------------------------------------|  | 
    |            |  | 
    |            |  | 
    |    Rest of Site     |  | 
    |            |  | 
    |            |  | 
    |            |  | 
    |-----------------------------------------------|  | 
                  | 
                  | 

Answer 1

는 항상 오른쪽 상단에 위치 브라우저 뷰포트 너비에 관계없이 헤더의 왼쪽 구석을 시도해보십시오 (예 :) :

.image-map { 
display: block; 
position: absolute; 
top: 12px; 
right: 12px; 
width: 200px; 
}