资源管理器的-webkit-text-stroke？

Question

我正在使用以下 CSS：

-webkit-text-stroke: 0.04em; white; -webkit-text-fill-color: white; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);

-webkit-text-stroke: 0.04em; white; 在 Firefox、Safari 和 Chrome 中运行良好。但它与资源管理器不兼容。我怎样才能让它在 Explorer 中也能工作？

Answer 1

IE 本身不支持它，这里是CanIUse browser support table。它在 Edge 中的支持也很差。但是，您可以使用过滤器来实现相同的效果。

这是a fiddle of it working 的链接。感谢the answer 的作者。

所需的 CSS 示例...

.myClass {
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=-1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#000000)";
}