0

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;
    }
4

1 に答える 1

0

Opera では、特にスプライトの背景画像として svg を使用すると問題が発生することが知られています。フォールバック png を使用しているため、このようなオペラ固有の css を使用するオペラでもそれを行います。

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

svg スプライトに関する Opera の問題を修正する解決策を見つけた場合は、ここに投稿してください。

于 2013-05-22T06:16:19.120 に答える