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

时间:2013-07-11 10:51:32

标签: firefox svg blurry

对于我的wordpress主题我使用svg图标,这很好地期待firefox的一些问题。我的图标(16像素x 16像素)如果它们位于水平居中的容器中会变得模糊。 (铬很好)

这是他们在居中模式下的样子:(模糊,只看+) http://cl.ly/image/0X2x361K3U0u

如果它们不居中,这就是它们的样子: http://cl.ly/image/2g2d2n1m3M0k

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

我个人认为这有点像闪光问题,你把中心放在一边然后图片可能会出现像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>

提前多多感谢。 :) 迈克尔

1 个答案:

答案 0 :(得分:1)

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