css - 在 Opera 中使用 SVG sprite 渲染效果不佳

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 作为背景图像出现问题，尤其是精灵。由于您使用的是后备 png，因此对于具有类似这样的特定于歌剧的 css 的歌剧也这样做。

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

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