情况是我有一个由Grunticon生成并插入DOM 的内联SVG .它是带有阴影的灰色背景上的白色.
我使用以下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上
这可以解决它在Safari中的作用吗？