CSS

Image Replacement with CSS

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.

  1. Classic FIR
  2. Single-pixel <img> Replacement
  3. Radu Method
  4. Leahy/Langridge Method
  5. Phark Method
  6. Phark Revisited
  7. Dwyer Method
  8. Gilder/Levin Method
  9. Lindsay Method
  10. 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]

Twitter
LinkedIn
YouTube
Instagram