html - how to make a hover for an image tag -

I have some photos that work as a link and I want to give a hover effect for them, so one The buttons appear in the play while running the play. To do this, I made a square and handed the background IMG to the hover but it does not work.

  .img: hover {background: url (http://i40.tinypic.com /i3s4dc.png); }   
 Here's what I did:   
 
 
 Try it Do not resolve with JS and do no additional markup Here my solution adds a pseudo element to the anchor tag so that when the background of the pseudo-element is hidden then it will be shown. You need to customize its height in the PNG height of your "play" button so that it is the right dimension so that it is the right dimension.  
  
 The HTML remains the same as your Bela, there is no additional element, CSS is the same:  
  one {status: relative; } A: Hover: first {background: url (http://i40.tinypic.com/i3s4dc.png) no-two center center; material:""; Width: 100%; Height: 100 pixels; Status: Completed; Left: 0; }