Home/ Questions/Q 5968903
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T20:09:19+00:00

Just a quick simple question, this css code will not work in ie8 for

  • 0

Just a quick simple question, this css code will not work in ie8 for a drop shadow, any ideas why it wouldn’t work?

/* Drop shadow */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-o-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7);
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I am not sure if this is an IE8 bug but if you add a background-color it seems to work as expected.

    In Chrome, removing the background-color leaves the drop shadow, but in IE8 the text inherits the drop shadow and looks awful. If you have a solid background you could match the background on the elements you want the drop shadow on. Unfortunately transparent results in the same problem in IE8.

    • 0