Outlining text

sort of like stroke

[sned]

Is there anyway to outline text to make it show up more clearly? For example .. our site has a set of color codes to show a degree of threat .. green, yellow, orange, red. The yellow and orange are always very hard to see, and I don't really want to use a dark background. Is there any css way to stroke text? Or should I just use image replacement technique?

Thanks,
-Sned

[jetboy_70]

The short answer is no. However, there are a few options open to you:

You couple use image replacement as you've suggested.

You could put a darker duplicate copy of your text in another container and offset it vertically by a pixel or two to create a drop shadow effect.

You could use Microsoft's filters in a number of different ways to produce a shadow or glow. Be warned; this will only work in later versions of IE and is not actually CSS, even though the structure is similar. There's a tutorial on using filters and transitions on the MSDN site. I won't post the URL I have as it seems to be bombing my browser. Gotta love Microsoft.

You could come to terms with navy blue and deep mauve alerts. :)

Edit: Here we go - give this a try: MSDN [msdn.microsoft.com]