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 online protection

Rails Long Term Support

Rails LTS provides security patches for old versions of Ruby on Rails (2.3, 3.2, 4.2 and 5.2)

  • Prevents you from data breaches and liability risks
  • Upgrade at your own pace
  • Works with modern Rubies
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)