CSS Box-Shadow Not Working in IE

Question

How would I get this to work in IE?

.fancy {
     border: 1px solid black;
     margin: 10px;
     box-shadow: 5px 5px 5px #cccccc;
     -webkit-box-shadow:          


        

Answer 1

It's already 2018, happens the same with IE11. Sometimes the box-shadow doesn't work, but sometimes it does.

I tried this with IE11 and IE10: Try changing the display of the element where you want to add the shadow (usually "display: block" works fine):

.fancy {
  display: block;
  border: 1px solid black;
  margin: 10px;
  box-shadow: 5px 5px 5px #ccc;
}