在我的 DIV 中，我想显示图像的特定部分（该部分为 8x8 像素）（在原始图像上查看 8x8 像素，您必须执行背景位置：-8px -8px;），但放大与“像素保存”。 所以你得到http://piclair.com/86m3r而不是http://piclair.com/lxn12
如果有人现在如何实现这一点，请告诉我。我真的需要解决这个问题！
【问题讨论】：
图像缩放由不同的浏览器以不同的方式处理，并且没有官方方法来指定这些图像的缩放方式。
但是，Firefox 3.6 及更高版本将允许您在 CSS 中指定 image-rendering。您可以使用此 CSS 启用它：
img {
image-rendering: -moz-crisp-edges;
}
有关更多详细信息，请参阅 Mozilla 网站上image-rendering 上的文章 — 它也适用于“任何元素的背景图像”，这听起来像是您所追求的。
【讨论】：
-ms-interpolation-mode，但我找不到 Safari 的等价物。查看this other, similar question。
更完整的 CSS 图像插值属性列表可以在这里找到：http://www.danolsavsky.com/article-images-interpolation-browser-rendering-and-css-resizing.html
火狐：
image-rendering: optimizeSpeed;
image-rendering: optimizeQuality;
image-rendering: -moz-crisp-edges;
歌剧：
image-rendering: -o-crisp-edges;
铬：
image-rendering: -webkit-optimize-contrast;
IE 8+：
-ms-interpolation-mode: nearest-neighbor;
W3C 标准：
image-rendering: optimize-contrast;
【讨论】：