저는 ASP.NET 웹 응용 프로그램에서 작업 중이며, 배경으로 이미지가있는 div에 작은 아이콘을 표시 할 것입니다. Div는지도 역할을하고 내 작은 아이콘 (이미지)은 핀과 같습니다. 이 이미지는 style="position:relative; left:X, top:Y"입니다. div의 특정 위치에 배치되기를 원하지만 정확히 원하는 위치가 아니므로 서로 영향을 미친다 고 생각합니다. 정확한 위치에 어떻게 배치 할 수 있습니까?div의 정확한 위치에 위치 개체가 있습니다.
핀에는 position:absolute을 사용하고지도에는 position:relative을 사용하십시오.
데모 :이 원래 위치의에서 http://jsfiddle.net/qdFeb/
상대 위치를 조정합니다. 따라서 왼쪽으로 설정하면 원래 위치에서 많은 픽셀이 이동하고 위쪽에도 동일하게 적용됩니다.
절대 사용하고 싶습니다.
"핀"에는 position:absolute;이고, 컨테이너에는 div 인 position:relative;을 사용하십시오.
다른 방법은, 원하는 img로 background와 함께 하나의 큰 div을 작은 div들로 채우기, 그 div의에서 "핀"을 배치하는 것입니다.