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 web development

Do you need DevOps-experts?

Your development team has a full backlog? No time for infrastructure architecture? Our DevOps team is ready to support you!

  • We build reliable cloud solutions with Infrastructure as code
  • We are experts in security, Linux and databases
  • We support your dev team to perform
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)