How to achieve button rollover?

Question

css

Good afternoon. Please tell me how can I achieve such a rolling, so that when pressed, no other image is visible, or rather, probably just stripes. You can see the link.
jsfiddle.net/drtvader/mcf8b9j1

Answer 1

The problem is that the background is bridged, you need to add properties:

background-repeat: no-repeat;
background-color: transparent;

Answer 2

background-repeat:no-repeat