Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Radu Darvas shim image replacement method with a fixed-size link
<div class="wrapper">
<a href="http://yahoo.com">
<img src="http://joidesresolution.org/sites/all/themes/joides_blue/images/blank.gif" alt="Click here"/>
<span>Text link</span>
</a>
</div>
a {
background: url("http://joidesresolution.org/sites/default/files/image/kidsPage_blogHere.png") no-repeat transparent;
display: block;
height: 88px;
width: 116px;
}
a span {
display: none;
}
/* pen readability settings */
body {
background: #006;
}
.wrapper {
margin: 10%;
}
/* /readability */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment