Read more

Make box shadows look the same in IE and other browsers

Henning Koch
September 07, 2010Software engineer at makandra GmbH

The box shadows created rendered in IE by CSS3PIE Show archive.org snapshot look darker and are blurred differently than in browsers that render box-shadow natively.

Illustration book lover

Growing Rails Applications in Practice

Check out our e-book. Learn to structure large Ruby on Rails codebases with the tools you already know and love.

  • Introduce design conventions for controllers and user-facing models
  • Create a system for growth
  • Build applications to last
Read more Show archive.org snapshot

If possible, try to be OK with this. If not, make an IE-only stylesheet that uses a different color and blur radius:

// Real browsers:
+box_shadow("0 4px 10px #bbb")

// IE with PIE:
+box_shadow("0 5px 15px #888")

We should try to package this solution in a neat way so we don't need different stylesheets.

See also this cross-browser box-shadow comparison Show archive.org snapshot page.

Posted by Henning Koch to makandra dev (2010-09-07 11:31)