Image Replacement Technique

by xstefi

HTML

<a href="x" class="technique-eight">
  CSS-Tricks
</a>

<a class="technique-eight"  href="https://www.google.com" target="_blank" rel="noopener noreferrer">mapa</a>

CSS

a.technique-eight {
	width: 350px; height: 75px;
	position: relative;
  display: inline-block;
	}
	a.technique-eight:before {
	    content:"";
		background: url("http://i.imgur.com/pRbH60I.png");
		position: absolute;
		width: 100%;
		height: 100%;
	}

JavaScript

// Original: http://css-tricks.com/css-image-replacement/