jquery - 将其用作背景图像后图像不太清晰

Question

原始图像位于文件夹中，可通过 background-image CSS 属性访问，以在 div 中用作背景图像。但它看起来与原始图像不一样。我已尝试使用 CSS3 cover、image-rendering 等来解决此问题，但输出仍然没有变化。我还尝试了 CSS3 过滤器，但没有任何改变。

原始图片

图像作为 div 背景

我试过的代码:

width: 48px;
height: 48px;
background-image: url(img/15294860.jpeg)

Answer 1

检查下面的片段，我认为它看起来很合适。只需添加 background-repeat: no-repeat;删除重复图像。

.image {
  width: 48px;
  height: 48px;
  background-image: url('/image/Aa1XR.jpg');
  background-repeat: no-repeat;
    background-size: cover;
}

<div class="image"></div>