背景图像像素化问题

时间:2016-12-15 19:23:22

标签: html css

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

enter image description here

以下是我正在使用的代码

.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>

1 个答案:

答案 0 :(得分:1)

您会注意到您的图像边缘实际上是像素化的。也许你需要使用不同的图像或在编辑程序中触摸它?

enter image description here