Text-shadow CSS command - How to use?

I want to use the this snippet of code to provide a shadow on my text (see graphic), don't suppose anyone could guide me how to use it and where?

Code:
text-shadow: #4fb2e4 0px -1px 0px;

For the site:
http://www.uncoverengland.com

Cheers

 

You can just put this to the end of the site's CSS style sheet:

#tab_text_div {
text-shadow: #4fb2e4 0px -1px 0px;
}

 

Tried it, doesn't work for me...thanks anyway!

 

That's strange. I saw the site when you tried it, and it seemed to work just fine.

 

Is it because I was using IE8...didnt see it in FF yet...but I guess if I can only see it in one browser then it's so great...

 

Yeah, I'm using Firefox (3.6.10); text-shadow doesn't work in IE browsers.

 

text-shadow property should be text-shadow: <offset-x> | <offset-y> | <blur-radius> | <color>;

Try:

.shadow {
  text-shadow: 2px 2px 5px #000;
}

Code (markup):

If you want to give the text-shadow some opacity use RGBA

.shadow {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, .6);
}

Code (markup):

The .6 sets the transparency of the shadow.

 

As stated, text-shadow only works in modern browsers and not IE.

 

better to use javascript to do this functionality not css , because it's not a standard in all browsers

 

To the contrary, all modern browsers do text-shadow just fine. Only IE does not.

 

Haha, good point. I find IE is very uncooperative, especially if you try and get things working in anything less then IE7, but even the newer versions are a pain... I guess they are beyond standards...

 

All versions, including IE9, are the worst on the planet. Inept at best. An embarrassment to Microsoft.

 

http://fetchak.com/ie-css3/

 

I guess the conclusion is not to use text-shadow because IE can't handle it well...don't want the site to look too different on other browsers.

I've done away with the white text and now back to boring blue on a white background...

 

Yeah. Let's all dumb down our web sites for IE's sake.

That's the problem we've had with the web for 10 years. Catering to IE has held back the web for that long. Now that people are getting smarter, they realize they don't need IE and there are far better alternatives.

Besides, text-shadow not working in IE does not hinder the looks of the site. If it can't be done in IE, why remove it from modern browsers? Just leave it in and let the modern world enjoy the view! Besides, IE users are used to not having the best. They don't know the difference anyway.

 

Okay, a bit off-topic, Have anyone tried IE9 Beta yet? I dont want to install (the unstable IE9 beta) as it will replace IE 8. Please share your expereince. MS claims to be it as a mod browser.

I guess the major issue dropping IE, it is still used by alot of PC users. Though IE seems to be bit dumb and yet to grow up; a nightmare.

Thanks

 

No, the conclusion is that you shouldn't compromise your design because of 1 browser. If you truly want that effect in there, then you should find a way to get it to work. You can always find a way around any problem if you just search for it. Scroll up and look at my reply above, I pasted a link with a very simple solution to this problem.

 

Need a little trick to make shadow work in IE, might you want to know :

http://www.howtocreate.co.uk/textshadow.html

 

It won't be released till mid-next year. Incomplete support for SVG, no CSS transitions, transforms or flex box. Incomplete DOM support and more. As usual, it will be about three years behind where all other browsers are TODAY.

Inept and incompetent, No one should use IE.

 

I have it installed, but I never use it. Only for testing
Crap IE should be rm -Rf