为什么filter（shadow）导致我的SVG在Safari中消失？

为什么filter（shadow）导致我的SVG在Safari中消失？

可能是有点晚了，但是以防万一我会把答案留给你。我在Safari中遇到了同样的问题，并且发现这似乎是Safari问题/错误。您可以解决该错误，只需将SVG标签与另一个HTML标签（如div）包装在一起，然后像在示例中一样，将阴影过滤器应用于此元素。在这里，您的示例已使用wrapper元素进行了修改

<div >    <svg>...</svg></div>//CSS.svg-wrapper {    -webkit-filter: drop-shadow( 2px 2px 4px rgba(0,0,0,.4) );    filter: drop-shadow( 2px 2px 4px rgba(0,0,0,.4) );}

希望有帮助！