Как сверстать прозрачные цифры в круге?

img { 
  position:absolute; 
} 
.button { 
top:100px; 
left:150px; 
 position: absolute; 
 width: 50px; 
 height: 50px; 
 font-size: 48px; 
 color: #fff; 
 padding: 10px; 
 border-radius:100%; 
 opacity: 0.5; 
 filter: alpha(opacity=50); 
 background: #000; 
 text-align: center; 
}

<img src="https://www.codeproject.com/KB/GDI-plus/ImageProcessing2/img.jpg"> 
<div class="button">3</div>