title: how to show delete button in top right corner of Image?
body: <p>i would like to show delete button at top right corner to image?
  how could i achieve this?</p>
  
  <p>my html is like this :-</p>
  
  <p>main image :</p>
  
  <pre><code>&lt;img id="' + id + '" src="../Images/DefaultPhotoMale.png" class="' + item + '" width="40" height="40" alt="image" title="' + projectTitle + '" style="cursor:pointer" /&gt;
  </code></pre>
  
  <p>x button image to display in top-right of above image</p>
  
  <ul>
  <li><code>'&lt;img id="' + item.Soid + '" src="../Images/RemoveButton.ico" style="display:none" title="Remove Specialization" /&gt;</code></li>
  </ul>
  
  <p>No background image set please, i need click event for that delete button
  something like this :</p>
  
  <p><img src="https://i.stack.imgur.com/6CijE.png" alt="enter image description here"></p>