Posted By

rumremix on 11/15/10

Tagged

css
image

Versions (?)

Last Edited at 11/15/10 06:25pm

Statistics

Viewed 831 times

Favorited by 0 user(s)

Related snippets

css image replacement technique

/ Published in: CSS

Technique #8 in example page.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<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%;
}