IE9 got released recently, but although it has many great features, there is still no CSS3 text-shadow support.
Something did change in this RC however: the text-shadow property just gets ignored.
In the beta, text with text-shadow on it, looked really weird. So it’s actually better in the RC now.
IE9 = no text-shadow
IE10 = text-shadow supported
What is supported in what browser?
See the Can I use site: http://caniuse.com/#search=text-shadow
I’m working on a new project which will be released in a few months and I have the luxery to only support the latest version of 4 A-grade browsers:
- Firefox 4 (beta 6 at this time)
- Chrome 6 (or 7… who can keep count here?)
- Safari 5
- and IE9, which was recently released as a beta and I saw Â fully demoed at Microsoft’s Remix event last week
It’s great to be able to use CSS3. Saves a lot of work on having to create a bunch of images for rounded corners in all sorts of dimensions and colors, but also new images for buttons with different text. Now I rely on the new CSS3 properties like background gradients, rounded corners and text shadow.
The new CSS3 text-shadow property has not been implemented in IE9 beta.
I found an interesting page on CSS Compatibility and Internet Explorer in which it’s clear that this feature has not been implemented yet by the dev team.
However, it looks like the pixels that are supposed to be the shadow are actually just take the color of the text. This makes it look like the font weight is set to bold.
As far as I know, the text-shadow property is an official CSS3 property, so I’m guessing it will be available in a next release.
PS: If you’re viewing this blog in IE9 beta, you’ll might also miss out on the text shadow I’m using in the current theme of this WordPress blog. Unless I changed my theme again…