CSS로 이미지의 위치를 ​​올바르게 지정하는 방법

Question

나는 cs-cart 사이트에서 작업 중입니다. 둥근 원이있는 이미지가 있습니다. 그런 다음 둥근 원이 다른 이미지가 있습니다. 첫 번째 이미지 서클 위에 원 이미지를 배치해야합니다. 문제는 내가 포지션을 사용할 때이다 : 절대 모든 것이 잘 작동하지만 브라우저가 해상도를 바꿀 때 버튼이 움직인다. 나는 위치를 사용할 때 : 상대적으로 이미지가 장소를 유지하지만 링크는

배경 이미지

<p> 
<img src="http://thrivegoods.net/images/MAIN PAGES/menumainmarketplace.jpg" class="MenuMarketplaceBanner" style="background-color: initial;"> 
</p> 

작은 원 이미지

<p> 
<a href="http://thrivegoods.net/artist-info?action=preview"><img src="http://thrivegoods.net/images/MAIN%20PAGES/BUTTONS/roundinfoforartists.jpg" class="RoundInfoForArtists" alt="RoundInfoForArtists"></a> 
</p> 

CSS

.RoundAccountabilityButton { 
position: absolute; 
    top: 1185px; 
    left: 489px; 
    z-index: 3; 
} 

.MenuMarketplaceBanner { 
position: relative; 
z-index: 1; 
    } 

Answer 1

작동하지 않습니다 위치 절대 값은 정상적으로 작동합니다. 예를 들어 좌상단 b와 같이 앉을 위치에 매개 변수 fo를 지정하면됩니다. 오트밀. 그러나 당신이 절대적인 것을 사용할 때 그것은 당신의 사이트의 일반적인 흐름에서 벗어날 것입니다. 그것을 볼 수 있도록 CSS를 제공 할 수 있습니까?

당신이 시도해 볼 수있는 한 가지 방법은 div를 얻고, 그것을 상대적으로 만들어서 웹 페이지의 흐름 내에서 그 안에 이미지를 중첩시키는 것입니다. div (상대적인 상대)에게 절대적인 것으로 만듭니다. 캔트 내 PC에 시나리오를 복제, 당신의 연결이 잘 작동 :

은 내가 그것을 자신 :)

이

가 UPDATE 내가 내 PC 및 코드에 도착하면 그것이 내가 다시 시도 할 수 나던 경우이, 귀하의 질문에 도움이 될 생각 해상도가 변할 때.