Html SVG在Safari中显示模糊

我在一个网站上工作，决定尝试一下SVG。我的SVG在IE、Firefox和Chrome中的显示应该是一样的。然而，在Safari中，图像看起来很模糊。以下是我在代码中所做的工作：

<object data="section_3.svg" type="image/svg+xml" width="100%" height="722" class="aligncenter" >
    <img src="section_3.png" />
    <svg version="1.1" x="0px" y="0px" width="763" height="1602" viewBox="0 0 763 1602" preserveAspectRatio="xMinYMin meet"></svg>
</object>

---

就我个人而言，我不明白为什么图像模糊。奇怪的是，当我在Safari中放大/缩小时，模糊就消失了。在我的代码中是否有我没有做的事情？任何帮助都将不胜感激。谢谢

如果svg包含笔直的水平线和垂直线，则在放大和缩小时，它们可能会随机模糊或锐化，因为它们必须在屏幕上选择最佳的像素集，尽管这是一般的浏览器操作，而不是Safari操作。

---

Safari不支持过滤器或模糊效果，但我不知道svg中有什么。您的对象标记有意义，您的fallback.png也有意义，但我不明白为什么您的svg标记没有内容。

添加

-webkit transform:translate3d（0,0,0）

到svg为我解决了这个问题。

我的svg没有模糊效果，但我不确定过滤器；我得再检查一遍。至于svg标记，如果我使用object标记来显示svg，那么我需要svg标记吗？我想我不知道，因为除了Safari中的模糊性之外，仅使用我的对象和img标记就可以了。同样的问题，您使用的是哪个版本的Safari？@FranciscoSalvador我当时使用的是当前版本的Safari。自从我发布这个问题以来，它可能已经被更新了。