情况是我有一个内联 SVG 生成的格伦蒂康 https://github.com/filamentgroup/grunticon并插入到 DOM 中。它是灰色背景上的白色，带有阴影。
我对阴影使用了以下 CSS：
svg {
-webkit-filter: drop-shadow(1px 1px 0 #141414);
filter: drop-shadow(1px 1px 0 #141414);
}
这在 Chrome、Opera、Firefox 和我测试过的其他浏览器中运行良好，除了 iOS 和桌面上的 Safari。 CSS 过滤器使 SVG 消失。
这不仅仅是drop-shadow过滤器也可以，任何过滤器似乎都有这个效果。
Codepen 上有一个演示，网址为http://codepen.io/derekjohnson/pen/MyOaRY http://codepen.io/derekjohnson/pen/MyOaRY
可以解决这个问题以使其在 Safari 中工作吗？
令人恼火的是，这不起作用，但 Safari 毕竟是新的 IE！ ：P
解决方法是将 SVG 包装在另一个元素中，然后对其应用过滤器。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
