css3 text-shadow in IE9

by

Yes, but not how you would imagine. According to caniuse (a very good resource) there is no support and no polyfill available for adding text-shadow support to IE9. However, IE has their own proprietary text shadow (detailed here).

Example implementation, taken from their website (works in IE5.5 through IE9):

p.shadow { 
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);
}

For cross-browser compatibility and future-proofing of code, remember to also use the CSS3 standard text-shadow property (detailed here). This is especially important considering that IE10 has officially announced their intent to drop support for legacy dx filters. Going forward, IE10+ will only support the CSS3 standard text-shadow.

More Related Contents:

  1. IE9 border-radius and background gradient bleeding
  2. IE9 Float with Overflow:Hidden and Table Width 100% Not Displaying Properly
  3. Why does IE9 switch to compatibility mode on my website?
  4. ie9 border radius
  5. Gradients in Internet Explorer 9
  6. CSS3 transform: rotate; in IE9
  7. SVG in img element proportions not respected in ie9
  8. Make Adobe fonts work with CSS3 @font-face in IE9
  9. Using CSS3 Animations in IE9+
  10. Media query not working in IE9
  11. Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?
  12. :active css selector not working for IE8 and IE9
  13. Internet Explorer 9, 10 & 11 Event constructor doesn’t work
  14. Selenium 2.0b3 IE WebDriver, Click not firing
  15. Does IE9 support CSS linear gradients?
  16. Background-size with SVG squished in IE9-10
  17. Target IE9 Only via CSS [duplicate]
  18. local storage in IE9 fails when the website is accessed directly from the file system
  19. How do I make an “else” in an IE HTML conditional?
  20. Selenium 2 Webdriver and IE 9 Security Certificate
  21. IE 9 does not use sub-pixel antialiasing under certain conditions
  22. IE9: Why setting “-ms-transform” works from css, but not with jquery.css()
  23. Sass Invalid CSS Error: “expected expression”
  24. Image width/height as an attribute or in CSS? [duplicate]
  25. How to change an image on click using CSS alone?
  26. Mysterious whitespace in between Bootstrap2 Navbar and row underneath
  27. How to change cursor color without changing text color?
  28. Why doesn’t height: 0 hide my padded , even with box-sizing: border-box?
  29. CSS3 Chain Animations
  30. URLs within CSS files broken with Grails resources plugin 1.2.7

Leave a Comment