在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

歌剧被称为SVG的背景图像造成的问题，特别是具有对精灵。既然你使用的是后备PNG，那么也可以用歌剧特定的CSS来做这个。

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

如果你找到一个解决方案来解决与svg sprite歌剧问题请在这里发布。