Mike’s Experiments - CSS: Image Replacement

Using this technique you can offer users a simple and reliable masthead image with alt text while still offering cool hover/focus effects. This method also preloads the secondary image allowing an instantaneous transition between states. Great for branding images or logos.
Get the XHTML, CSS, source. Go to back to the Mike’s Experiments index.


Embedded Image Replacement Technique

To see this technique in action, simply hover over or focus on the image below, unless styles are not supported, of course.

Embedded Image Replacement