HTML5 svg 模糊,html5 – Firefox SVG图形模糊

我有一个反应灵敏的网页设计，SVG标志/图像是与其容器动态的。所有主流浏览器似乎都支持SVG真的很好。

我的SVG是动态的，所以如果我扩展我的浏览器窗口，SVG也是这样做的。在Chrome和IE9中，它的作用就像一个魅力。在Firefox中，SVG在某些尺寸上是模糊的。但是，当它超过了初始的SVG大小时，我不能说它的时间模糊。当我放大浏览器窗口时，似乎并没有正确地重新投递。

这是什么看起来有时(看看它在fullsize看到的区别)：

也许我使用错误的方法嵌入它。这就是我的CSS和HTML的样子：

CSS：

#logo {

background-image: url('http://dl.dropBox.com/u/569168/jess.svg');

height: 22em;

background-repeat: no-repeat;

-webkit-background-size: 100%;

-moz-background-size: 100%;

-o-background-size: 100%;

background-size: 100%;

}

如果你想看看它，请用CSS中的链接抓住SVG。它是用Adobe Illustrator制作的。

任何想法如何解决？