0

赤と緑の .png ロゴは、赤/緑の背景領域の上をスクロールすると、それぞれ赤または緑の部分のみが表示されるはずです。緑の部分は緑の背景に、赤は赤の上に隠れます。

これはどこでも機能しますが、Chrome
では機能します。緑の背景にある場合、緑のロゴ部分に緑のストロークが表示されます。

ここを参照してください ärztepraxis.at (ウムラウトなし: http://xn--rztepraxis-p5a.at/ )

何が役立ちますか？誰かが、16 進または RGB カラーリングの代わりに緑色のピクセルを繰り返すことを提案しました。

参照: 緑:7b003b 赤:81a996

4

1 に答える 1

1

これは、サイズ変更アルゴリズムが使用されているためです。アウトラインを取り除くには、アルゴリズムを変更する必要があります。次の CSS を使用できます。

#null img {
    image-rendering: optimize-contrast;
    image-rendering: -webkit-optimize-contrast;
}

詳細については、次の記事を参照してください: http://www.danolsavsky.com/article-images-interpolation-browser-rendering-and-css-resizing.html

于 2013-06-17T22:31:02.757 に答える