私の DIV では、画像の特定の部分 (その部分は 8x8 ピクセル) を表示したい (元の画像で 8x8 ピクセルを表示するには、background-position: -8px -8px; を実行する必要があります)。保存されたピクセル」。したがって、スケールアップすると、http://piclair.com/lxn12 ではなく http://piclair.com/86m3r になります。
これを達成する方法があれば、教えてください。私は本当にこの問題を解決する必要があります!
画像のスケーリングは、ブラウザーごとに異なる方法で処理され、これらの画像のスケーリング方法を指定する公式の方法はありません。
image-rendering
ただし、Firefox 3.6 以降では CSS で指定できます。次の CSS で有効にできます。
img {
image-rendering: -moz-crisp-edges;
}
詳細については、Mozilla Web サイトの画像レンダリングに関する記事を参照してください。これは、「任意の要素の背景画像」にも適用されます。