My review of CSS image replacement lead me to this CSS image replacement method, JIR, which uses CSS2 :before to insert a replacement image for a header. It allows transparent images, displays a header with CSS and/or image off, uses proper semantic code with no extra elements, presents text to search engines, is easy to do, doesn’t need any assistive technology .. but there’s a nice surprise, and it’s not totally what I expected.

Review of CSS image replacement techniques as of 2009. I’ve discussed what I think are the 6 most common CSS techniques for image replacement along with their pros and cons. Some history and links for demos are given too along with code and example sites.