Drop shadow not applying in Microsoft Edge

1.5k Views Asked by At

I have an issue where my drop shadow shows in Firefox and Chrome, but not in MS Edge for some reason. I have cleared my cache and it just reproduces the same result and doesn't show in Microsoft Edge.

box-shaddow:  0px 4px 15px -2px rgba(0,0,0,0.54)
-moz-box-shadow:  0px 4px 15px -2px rgba(0,0,0,0.54)
-webkit-box-shadow:  0px 4px 15px -2px rgba(0,0,0,0.54)
border-collapse: separate
1

There are 1 best solutions below

1
On

This works (you might have to play with the shadow to suit your preference):

filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.2))