Css IE11的下拉阴影样式

我已经创建了一个网页，并使用过滤器应用了阴影效果，如下所示：

filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='gray', Positive='true');

---

这对IE8和IE9很有效，但在IE11上不起作用。如何在现代浏览器中应用该样式？

您使用的是Microsoft的专有过滤器。在较新的版本中，使用标准CSS

 box-shadow: 1px 3px 5px #f00;

它的值是Xaxis Yaxis blur color

IE 10和更新的支持，因此您不再需要为它们应用任何特殊规则

text-shadow: 2px 2px 0 gray

或

---

我使用了一种变通方法，因为微软没有真正的解决方案

如果要向基本矩形块元素添加阴影，请使用“长方体阴影”。 但是，您可能有一个更复杂的元素-例如三角形

在这种情况下，可以使用绝对伪元素或子元素来伪造效果。根据您需要的样式，使用变换后的框阴影、边框或复制主元素中的内容并在其下方进行缩放，使用SVG对其进行模糊

div {
    position: relative;
}

div:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;

    box-shadow: 1px 1px 1px black;
    transform: rotate(45deg);
}    

---

DX过滤器不再受支持，因为IE10：我希望它用于边框阴影，然后使用框阴影！我想它的目的是边界阴影是的，但我有三角形形状div和它的边界用于该形状我想在三角形形状的阴影，这是可能的框阴影属性模仿你的代码，你必须把模糊为零框阴影：1px 1px 0灰色框阴影和下降阴影是不一样的事情与透明的图像。为什么会接受这个？如果你只有一个盒子，那么它就可以工作——但我使用的是一个before:元素，它有一个箭头从盒子中伸出——而这个元素没有阴影。该死的。

div {
    position: relative;
}

div:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;

    box-shadow: 1px 1px 1px black;
    transform: rotate(45deg);
}