css text-shadow

[ssskaya]

which browsers support css text-shadow?

thanks.

[me']

AFAIK, only Safari.

[liorean]

David's right. So far, only Apple Safari 1.1 and later. However, there are other ways of achieving that effect, see <http://web-graphics.com/mtarchive/001144.php>

[me']

Surely that technique can't work &mdash; pseudo-content can't take the display property.

[liorean]

Originally from [CSS2.0] 12 Generated content, automatic numbering, and lists:
The :before and :after pseudo-elements elements allow values of the 'display' property as follows:

• If the subject of the selector is a block-level element, allowed values are 'none', 'inline', 'block', and 'marker'. If the value of the 'display' has any other value, the pseudo-element will behave as if the value were 'block'.
• If the subject of the selector is an inline-level element, allowed values are 'none' and 'inline'. If the value of the 'display' has any other value, the pseudo-element will behave as if the value were 'inline'.

Note. Other values may be permitted in future levels of CSS.

Note that this limiting passage is removed in [CSS2.1] 12 Generated content, automatic numbering, and lists.

[me']

Okay, but Opera's the only browser that renders it.

[liorean]

Saf1.2 and op7.5 both allow positioning of generated content. This nice trick uses negative margins and not positioning, though, and that even saf1.1 and moz handle nicely.