Posted By

thesmu on 08/27/10

Tagged

css
image

Versions (?)

Last Edited at 08/27/10 01:09am

Statistics

Viewed 733 times

Favorited by 0 user(s)

Related snippets

css image rollover

/ Published in: CSS

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

CSS Code
 
a.rollover {
	display: block;
	width: 150px;
	height: 44px;
	text-decoration: none;
	background: url("webvamp.jpg");
	}
 
a.rollover:hover {
	background-position: -150px 0;
	}
 
.displace {
	position: absolute;
	left: -5000px;
	}
 
HTML Code
 
<a href="#" class="rollover" title="Webvamp"><span class="displace">Webvamp</span></a>