Re: [css3-background] CSS Image Replacement

Alexis Deveria wrote:
> Any designers on this list are probably familiar with the concept of
> CSS image replacement. The use case is that people wish to replace
> text (often a logo or a header) with an image using CSS. There are a
> variety of ways to achieve this currently [1], but all have certain
> drawbacks that either hamper accessibility in some situations, or
> require additional markup.
> 
> Is anyone familiar with a solution to this problem that can be
> achieved through some CSS3 module? (most likely in Backgrounds and
> Borders [2]) Going through the current spec, I wasn't able to find
> one.

How about

#header {
   content: url(header.png), contents;
}

<h1 id="header">My Pretty Header</h1>

? This functionality is available in the CSS3 Generated and Replaced
Content module. <http://www.w3.org/TR/css3-content/#inserting3>

~fantasai