title: Make button invisible but img on top of it visible
body: <p>so I have some pseudo code that looks like this</p>
  
  <pre><code>&lt;button&gt;&lt;img src="name.png"/&gt;&lt;/button&gt;
  </code></pre>
  
  <p>I want the button to be invisible but clickable, and the image to be visible.  I tried changing the opacity of the button but it also changes the opacity of the image.  Hiding the button behind the image looks ugly.  Any way to accomplish what I want?</p>