CSS3 foreground-image

I had a thought the other day when I was doing some CSS image replacement - would it not be really cool if CSS3 were to introduce a foreground-image property?

Normally, I use the Shea Enhancement image replacement method that lets both screen readers see the text, provides a tooltip and also shows the text when images are turned off. However, there is one drawback: the extra span tag.

A foreground-image would sit on top of the text node, rather than behind it, and have the same options as background-image. No more unnecessary span tags - sweet!

Technorati Tags: , ,

Bookmarks:
  • Digg
  • Technorati
  • del.icio.us
  • Ma.gnolia
  • Reddit
  • Netscape
  • StumbleUpon
  • NewsVine

Leave a Reply