Generic image replacement method for a link, with a wrapper
The problem: What is the best way to replace a link with an image, keeping the link target aligned with the image (using a wrapper div if desired, because it is not going to be removed from the markup regardless of what decisions I make here)?
This is my original intuitive approach to the problem.
CSS image replacement report card:
- CSS ON / Images ON: pass
- CSS ON / Images OFF: fail (font-size 0)
- CSS OFF / Images ON: text only