我正在使用D3.js开发一个应用程序.我被牵制了一段时间,最近又回来了.今天我发现,虽然它在过去运行良好,但应用程序中的SVG地图不再显示在移动版Safari(iOS 9.3.1)或桌面Safari(v9.1(11601.5.17.1))上.
我提取了SVG和单一样式规则并将它们放在CodePen上以说明发生了什么.在Chrome中,这支笔看起来不错.在Safari中,它将完全空白.
https://codepen.io/Kirkman/pen/pyKzeX
如果你在Safari中检查DOM,你会发现路径在那里,它们是正确的形状.他们似乎看不见.取消选中检查器中的样式规则会导致整个地图神奇地出现(显然没有投影)
样式规则非常简单:
svg {
-webkit-filter: drop-shadow( 2px 2px 4px rgba(0,0,0,.4) );
filter: drop-shadow( 2px 2px 4px rgba(0,0,0,.4) );
}
任何人都可以建议为什么这不起作用？我做错了什么,或者在Safari中有什么变化？