在Opera中使用SVG精灵渲染严重

Question

我想在Opera中使用SVG精灵，并且图像在默认缩放级别上显示良好，但是当我放大时它们无法正确渲染。 我想使用它的原因是，我可以为不支持SVG的浏览器提供简单的sprite.png后备。 这在其他浏览器中运行良好，只有Opera给我带来麻烦...... html和css的示例：

<span class="members-login sprites">Login</span>


.sprites {
    background: url("/images/sprites.svg") repeat scroll 0 0 transparent;
    }
.members-login {
    background-position: 0 -39px;
    display: block;
    height: 1em;
    line-height: 1em;
    padding: 0 0 0 16px;
    }

Answer 1

众所周知，Opera会将svg作为背景图像引起问题，特别是精灵。既然你正在使用fallback png，那么对于具有这种歌剧特定css的opera也是如此。

doesnotexist:-o-prefocus, .sprites {
  background: url('/images/sprites.png') no-repeat 0px 0px;
    }

如果您找到解决使用svg sprite解决Opera问题的解决方案，请在此处发布。