SVG图标只在模糊水平居中的Div

Question

我的WordPress主题我使用svg图标这很好用，期望与Firefox的一些问题。我的图标（16像素×16像素）变得模糊，如果他们在一个容器水平居中。 （铬是罚款）

这是他们为中心的模式怎么看：（模糊，只是看在+） http://cl.ly/image/0X2x361K3U0u

这是他们如何看，如果他们不居中： http://cl.ly/image/2g2d2n1m3M0k

我的容器通过边距居中：0 auto，宽度为1170px。

我个人认为这有点像一个很好的闪光问题，你居中的东西，然后图片可能坐在像145.5一些像素值，并得到模糊。你们知道这个解决方法吗？

PS：这些都是内联SVG，这里是一个例子（+）：

<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"> 
<polygon points="1,7 7,7 7,1 9,1 9,7 15,7 15,9 9,9 9,15 7,15 7,9 1,9 "/> 
</svg> 

非常感谢提前。 :) 迈克尔

Answer 1

这将修复在Firefox 24中的修补程序bug 600207。您可以下载Nightly或Aurora以查看差异。