Advanced Search

Return to Snippet

Revision: 35966
at November 15, 2010 18:26 by rumremix
Updated Code 
<h1 class="technique-eight">
	<span></span>CSS-Tricks
</h1>

h1.technique-eight {
	width: 350px; height: 75px;
	position: relative; overflow:hidden;
	}
h1.technique-eight span {
	background: url("images/header-image.jpg");
	position: absolute;
	width: 100%;
	height: 100%;
}

Revision: 35965
at November 15, 2010 18:25 by rumremix
Initial Code 
<h1 class="technique-eight">
	<span></span>CSS-Tricks
</h1>
h1.technique-eight {
	width: 350px; height: 75px;
	position: relative; overflow:hidden;
	}
	h1.technique-eight span {
		background: url("images/header-image.jpg");
		position: absolute;
		width: 100%;
		height: 100%;
Initial URL 
http://css-tricks.com/css-image-replacement/
Initial Description 
Technique #8 in example page.
Initial Title 
css image replacement technique
Initial Tags 
css, image
Initial Language 
CSS