在 Opera 中使用 SVG sprite 渲染效果不佳答案

【问题标题】：using SVG sprites in Opera is rendering badly在 Opera 中使用 SVG sprite 渲染效果不佳
【发布时间】：2013-05-21 18:36:55
【问题描述】：

我想在 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;
    }

【问题讨论】：

标签： css svg opera

【解决方案1】：

众所周知，Opera 会导致将 svg 作为背景图像出现问题，尤其是精灵。由于您使用的是备用 png，因此对于具有特定于歌剧的 css 的歌剧也这样做。

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

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

【讨论】：