Firefox SVG图标仅在水平居中Div上模糊

Firefox SVG图标仅在水平居中Div上模糊,firefox,svg,blurry,Firefox,Svg,Blurry,对于我的wordpress主题,我使用svg图标,这些图标工作得很好,firefox可能会出现一些问题。我的图标(16px x 16px)在水平居中的容器中会变得模糊。(铬很好) 这是它们在居中模式下的外观:(模糊,只需看看+) 如果它们不居中,它们的外观如下所示: 我的容器通过边距居中:0自动,宽度为1170px 我个人认为这有点像好的ol Flash问题,你把一些东西居中,然后图片可能位于一些半像素值上,比如145.5,然后变得模糊。你们知道有什么解决办法吗 ps:这些都是内联SVG,下

对于我的wordpress主题,我使用svg图标,这些图标工作得很好,firefox可能会出现一些问题。我的图标(16px x 16px)在水平居中的容器中会变得模糊。(铬很好)

这是它们在居中模式下的外观:(模糊,只需看看+)

如果它们不居中,它们的外观如下所示:

我的容器通过边距居中:0自动,宽度为1170px

我个人认为这有点像好的ol Flash问题,你把一些东西居中,然后图片可能位于一些半像素值上,比如145.5,然后变得模糊。你们知道有什么解决办法吗

ps:这些都是内联SVG,下面是一个示例(+):


提前多谢。:)
Michael

这将通过中的补丁在Firefox24中修复。您可以下载一个或Aurora来查看差异

<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>