css - 如何使 css background-size 线性缩放？

Question

所以当我在 CSS3 中缩放背景图像时，使用 background-size 属性，如下所示:

.one {
    background-image: url(sprites/1.png);
    background-size: 100% 100%;
}

然后缩放图片:

我怎样才能使图片不那么模糊？没有更高分辨率的图像是否可能？

Answer 1

如果整个背景图像纯粹只是一条黑线，如图所示，在保存图像之前，将其更改为索引图像(而不是 RGB)，并为其指定只有两种颜色的索引。这样就不会出现模糊(抗锯齿)，并且可以很好地缩放。它还将使您的背景图像文件大小非常小，这有助于快速加载。将索引图像保存为 png 或 gif。