рамка вокруг ссылки с фоном

368

26 ноября 2016, 19:47

Вокруг ссылки образуется белая рамка. Как избавиться от этого эффекта?

.social a {
display: inline-block;
vertical-align: middle;
height: 23px;
width: 23px;
margin: 0;
background: url('../img/main-sprite.png') no-repeat center;}

Answer 1

ну для начала можно было дать border-radius:50%; ссылке, а вот вторых используй svg спрайты, а не png. И в спрайт засовывать нужно не с фоном (синий, красный...), а иконку и каждой ссылке давать свой цвет.

Answer 2

Приоритетный вариант - с использованием svg, как и было написано выше. Однако если их нет, можно обойтись и png-изображениями. Здесь, насколько я понимаю, проблема в том, что изображения в спрайте некачественно вырезаны.