我有一个简单的SVG圈子：
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" overflow="visible" enable-background="new 0 0 100 100"
xml:space="preserve">
<circle fill="#6E6F6F" cx="50" cy="50" r="49"/>
</svg>
此图像用作背景，并调整为22px：
background: transparent url('++resource++svg/star_neg.svg') no-repeat 0 0 / 22px 22px;
当我在浏览器中查看此内容时，圆圈的右侧和底部在Firefox中显得平坦（Chrome看起来很好）。如果我放大Firefox，圆圈将按预期显示完整。我该如何解决这个问题？
答案 0 :(得分：0)
终于找到了一个简单的解决方案。显示svg作为背景的div应该大于SVG。我有22px方块的盒子，与我设置SVG的大小相同。为了解决这个问题，我将框显示为25像素，背景图像居中而不是设置在角落里。