html - 背景图像像素化问题

Question

我使用圆形图像作为背景图像。但它在边缘显示像素化。我该如何解决？

这是我使用的代码

.icons.second_icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: url(http://yoursite.com/wp-content/uploads/2016/02/mn-1.png);
    background-size: 100% 100%; background-repeat: no-repeat;
}

<div class="icons  second_icon"></div>

Answer 1

您会注意到您的图像实际上在边缘处像素化。也许您需要使用不同的图像或在编辑程序中对其进行修饰？