Как сделать спрайт?

Question

[Николай Маратов]

Имеется меню

joxi.ru/823nZdKsdNJLmO - скрин меню

Проблема:

Сделал спрайт, для иконок социальных сетей, всячески менял background-position но они не отображаются. Не могу понять в чем проблема.

joxi.ru/BA0nz5WsQyMJmy - cпрайт.

Answer 1

[xmoonlight]

F12 в браузере FireFox, вкладка "СЕТЬ" и смотрите, чтобы он загружался (для начала) в DOM и что нет ошибок загрузки и путь указан верно.

Answer 2

[Виталий Киренков]

У вас классы разные =)) Тоже сразу не заметил =)

На элементе - icon-rss
А в стилях - .rss

Comments

[Николай Маратов]

Действительно, классы были разные, однако иконки все равно не отображаются.

[Виталий Киренков]

У вас написано
background: url();
замените на
background: url() no-repeat;

и залейте куда то картинку. А то в вашем примере ссылка локальная

[Виталий Киренков]

Николай Маратов: https://jsfiddle.net/xkhxpf6o/8/

Answer 3

[Николай Маратов]

Разобрался! спасибо всем кто ответил.

Comments

[Виталий Киренков]

В чём была проблема, и отметьте решение, которое подошло.

[Николай Маратов]

Был указан неправильный путь к спрайту.