スケールCSSスプライトピクセルアート画像スムージングなし

Question

私はCSSスプライトピクセルアート画像を拡大しようとしており、アンチエイリアス/画像スムージングを完全に無効にしたいとします。

この投稿パー

：Disable antialising when scaling images私はそれは私がFirefoxで望んでいたようしかしChromeで、正確に勤務し、すなわち次のCSS

image-rendering: optimizeSpeed;    
image-rendering: -moz-crisp-edges;   
image-rendering: -o-crisp-edges;   
image-rendering: -webkit-optimize-contrast; 
image-rendering: optimize-contrast;  
-ms-interpolation-mode: nearest-neighbor; 

を試してみましたそれは少し助けますが、いくつかの画像補間/スムージング/アンチエイリアスがまだ発生しています。

私はキャンバス要素を使いたくないのですが、CSSの背景イメージスプライトに固執しています。

他のブラウザの「-moz-crisp-edges」と同じ結果を達成する方法はありますか？

Answer 1

悪いニュース：

残念ながら、それはどちらかのJavaScriptを使用して、キャンバスを使用して、またはChromeでアンチエイリアシングで生きているあなたのオプションのように見え、すなわちに

リンク：：

1. Javascript-Only Solution - Old, slow, but works everywhere
2. あなたはアンチエイリアシングと一緒に暮らすことを選択しない場合は、ここで
   は、他の2つのいずれかであなたを助けるかもしれないいくつかの回答をしていますCanvas solution - New, quicker, doesn't work in non-compliant browsers

ソルあなたのためにこれについてもっと良いニュースはありません。