This post originated from an RSS feed registered with Web Buzz by Simon Willison. Original Post: A better image replacement technique Feed Title: Simon Willison: [X]HTML and CSS Feed URL: http://simon.incutio.com/syndicate/markup/rss1.0 Feed Description: Simon Willison's [X]HTML and CSS cateory Latest Web Buzz Posts Latest Web Buzz Posts by Simon Willison Latest Posts From Simon Willison: [X]HTML and CSS

Over on Kryogenix, Stuart has solved the CSS image replacement problem with some clever application of the overflow: hidden; property. The Fahrner Image Replacement technique is often used to replace a heading with a background image (see most of the designs in the CSS Zen Garden for examples), but has the disadvantages that it requires an additional <span> tag to be added to the code and that some screen readers which follow the display: none; directive skip straight over the replaced text without reading it. Stuart's new technique solves both problems, and works in modern browsers from IE 5/Win upwards.