0

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

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

рамка

2
  • очень подробно рассказал, показал шикарный пример. Ты бы лучше скрин присобачил 2 ноя 2016 в 18:33
  • Добавил скриншот 2 ноя 2016 в 18:36

3 ответа 3

1

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

0

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

0

Попробуйте добавить свойство

outline:none; 
border:none;

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.