Javascript -浏览器的webkit文本笔划？

我正在使用以下CSS：

-webkit文本笔划：0.04em；白色-webkit文本填充颜色：白色；文本阴影：0px 0px 8px rgba（0,0,0,0.1）

-webkit文本笔划：0.04em；白色
在Firefox、Safari和Chrome中运行良好。但它与Explorer不兼容。我怎样才能让它也在Explorer中工作呢？
它在IE中不受本机支持，下面是示例。它在Edge中的支持也很差。但是，您可以使用过滤器来实现相同的效果

这里是一个链接。这也要归功于该书的作者

所需CSS的一个示例

当我使用-webkit文本笔划来增肥字母，使用文本阴影在文本周围创建一个较暗的区域（当放置在照片上时，为了使字母清晰），它只剩下两个，但这些在Safari中不起作用。当我使用-webkit文本笔划来增肥字母时，和文本阴影，在文本周围创建一个较暗的区域（为了在照片上方放置字母时保持清晰），只剩下两个，但它们在Safari中不起作用。-webkit文本笔划应该在Safari中起作用，只要它有前缀。-webkit文本笔划在Safari中起作用，但在IEYes中不起作用，但是您是否尝试过使用上面的-ms过滤器示例？-ms过滤器不适用于Safari。我必须稍后检查它是否适用于IE。因此，如果适用，我想Safari和IE都需要-ms filter和-webkit文本笔划（？）
.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)";
}