Box-shadow is not working in IE11

[tirengarfio]

Hi,

I have this site http://www.thermalcream.com

The menu bar shuld show a shadow but it is not being shown at IE 11

No problem using FF or Chrome.

These are the lines I have added:

-webkit-box-shadow: 10px 15px 34px -29px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 15px 34px -29px rgba(0,0,0,0.75);
  box-shadow: 10px 15px 34px -29px rgba(0,0,0,0.75);

[tomnoble92]

Add -ms- box-shadow to the code. That may work Box-Shadow does seem supported in IE11.

Tom

[Shikkediel]

I’m seeing it fine myself. A prefix shouldn’t be needed…

http://caniuse.com/#feat=css-boxshadow

[tirengarfio]

I have added -ms-box-shadow but I don’t get the box-shadow at IE 11..

[Shikkediel]

What can I say, it’s there in the CSS as well. Maybe just slightly less pronounced in effect compared to Firefox for example.

[bearhead]

Test in in IE 11 on windows 7. The shadow is definitely there, it’s just faint. The way it’s coded seems weird to me: box-shadow: 10px 15px 34px -29px – surely that could be written more simply. I think that’s why it’s not rendering like you expect it to.

[maria Violeta]

The problem is the negative number, it would not work on IE, try writing the shadow only with positive numbers.

[Author]

Posts