CSS3 Solutions for Internet Explorer


IEI found a very helpful article for those like me, need support IE7/8+ on projects where a client wants a more accurate cross-browser experience like: Rounded Corners, Box Shadow, Gradients, etc. For each of the cases Louis has added the correspond CSS syntax compatible with all versions of Internet Explorer (IE6, IE7, IE8 & IE9+). The complete list covered in his article includes:

  • Opacity / Transparency
  • Rounded Corners (border-radius)
  • Box Shadow
  • Text Shadow
  • Gradients
  • Transparent Background Colors (RGBA)
  • Multiple Backgrounds
  • Element Rotation (CSS Tranformations)

I will not re-write the full article or the examples that Louis explains perfectly, please check it on Smashing Magazine: CSS3 Solutions for Internet Explorer By

I really hope you find this information useful.