이미지 위에 CSS 원을 놓으려고합니다.

Question

CSS 서클로 감추고 자하는 원 이미지가 있습니다. 서클 이미지와 항상 동일한 높이와 너비로 CSS 서클을 배치하려면 어떻게해야합니까? 다음과 같이

이미지 속성

은 다음과 같습니다

max-width: 270px; 
height: 270px; 
width: 100%; 
border-radius: 50%; 
border: none; 

감사

<li class=\"mis-slide\"> 
    <a class=\"mis-container\" "> 
     <figure> 
      <img></img> 
      <figcaption> 
       <span></span> 
       <div>Text</div> 
      </figcaption> 
     </figure> 
    </a> 
</li> 

Answer 1

당신이 원의 높이를 알고 가정하면,

로 이미지 아래 사업부의 상대 위치를 사용할 수 있습니다

position: relative; 
bottom: 270px; 

또는 이미지 위의 div는

position: relative; 
top: 270px; 

바이올린 : http://jsfiddle.net/444vc9u8/3/`css`의`html`, 그리고 나머지에 대한