Image Replacement

There are almost as many techniques for image replacement as there are web developers.
The concept behind all these image replacement tricks is that the text normally displayed
by HTML is hidden and replaced by an image. This means that any user with a CSSenabled
browser will see the replaced text, but user agents that don’t support CSS will just
see the plain text.
Let’s say we have some HTML like this:

Going to the snow!

…

Our aim is to hide the text of the level 1 heading—“Going to the snow!”—and replace it
with an image.
There are many different ways of using image replacement. All have their advantages and
disadvantages, but here are the two most useful ones.