Chrome 中的 CSS 背景图像在调整大小时被像素化-解网

问：

我意识到Chrome呈现CSS背景图像的方式与.<img />

将两个相同的图像调整为相同的大小

第一个带有 CSS background-image 的像素化
第二个 with 是抗锯齿的。<img />

<style>
  .a {
    width: 292px;
    height: 233.594px;
    display: inline-block;
  }

  div.a {
    background-image: url("data:image/png;...");
    background-size: cover;
  }
</style>


<div class="a"></div>
<img class="a" src="data:image/png;..." />

游乐场： https://jsfiddle.net/tjpn9ecu/3/

是否可以强制 Chrome 也为 CSS 背景图像启用抗锯齿？

HTML CSS 谷歌-铬背景-图片

Chrome 中的 CSS 背景图像在调整大小时被像素化

CSS background-image in Chrome is pixelated when resized

评论