I stumped upon Revised Image Replacement article on mezzoblue and thought I would give my two cents.
According to the article, there are quite a few image replacement methods with CSS.
- Classic FIR
- Single-pixel <img> Replacement
- Radu Method
- Leahy/Langridge Method
- Phark Method
- Phark Revisited
- Dwyer Method
- Gilder/Levin Method
- Lindsay Method
- Shea Enhancement
What I use:
I usually use a combination of Phark Revisited + Shea Enhancement methods for my headings, which, in my opinion, is the neatest and most semantic of all. I also use Lindsay Method to replace default form buttons with images.
What I don't use:
I have never used Single-pixel <img> Replacement, Radu Method, Leahy/Langridge Method, Phark Method, Dwyer Method or Gilder/Levin Method of image replacement.
[tags]css, image replacement, mark-up, xhtml[/tags]