Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Николай Маратов
@myels
HTML
CSS
Как сделать спрайт?
Имеется
меню
joxi.ru/823nZdKsdNJLmO
- скрин меню
Проблема:
Сделал спрайт, для иконок социальных сетей, всячески менял background-position но они не отображаются. Не могу понять в чем проблема.
joxi.ru/BA0nz5WsQyMJmy
- cпрайт.
Вопрос задан
более трёх лет назад
204 просмотра
Комментировать
Подписаться
2
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
F12 в браузере FireFox, вкладка "СЕТЬ" и смотрите, чтобы он загружался (для начала) в DOM и что нет ошибок загрузки и путь указан верно.
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
2
Виталий Киренков
@DeLaVega
Верстаю, фронтэндю =)
У вас классы разные =)) Тоже сразу не заметил =)
На элементе - icon-rss
А в стилях - .rss
Ответ написан
более трёх лет назад
3
комментария
Нравится
3
комментария
Facebook
Вконтакте
Twitter
Николай Маратов
@myels
Автор вопроса
Действительно, классы были разные, однако иконки все равно не отображаются.
Написано
более трёх лет назад
Виталий Киренков
@DeLaVega
У вас написано
background: url();
замените на
background: url() no-repeat;
и залейте куда то картинку. А то в вашем примере ссылка локальная
Написано
более трёх лет назад
Виталий Киренков
@DeLaVega
Николай Маратов
:
https://jsfiddle.net/xkhxpf6o/8/
Написано
более трёх лет назад
Николай Маратов
@myels
Автор вопроса
Разобрался! спасибо всем кто ответил.
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
Виталий Киренков
@DeLaVega
В чём была проблема, и отметьте решение, которое подошло.
Написано
более трёх лет назад
Николай Маратов
@myels
Автор вопроса
Был указан неправильный путь к спрайту.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Простой
Как сделать так, что бы используя live server у меня не браузер открывался, а справа от самого кода открывалось окно со всем этим?
1 подписчик
5 часов назад
21 просмотр
0
ответов
JavaScript
+1 ещё
Простой
Как получить такой эффект на мобильном?
1 подписчик
13 часов назад
93 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сверстать данную часть header?
1 подписчик
14 часов назад
73 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы в меню были вертикальные полосы на всю высоту?
2 подписчика
вчера
178 просмотров
2
ответа
HTML
+1 ещё
Простой
Как лучше реализовать данный блок?
1 подписчик
вчера
84 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Как скрыть/показать элемент с определенным текстом?
2 подписчика
10 мар.
866 просмотров
2
ответа
CSS
Средний
Как победить проблемы с overflow-y: sсroll?
1 подписчик
06 мар.
137 просмотров
2
ответа
JavaScript
+1 ещё
Средний
Сканирование QR в поле input. Как реализовать блокировку нажатия клавиш клавиатуры?
1 подписчик
06 мар.
138 просмотров
2
ответа
HTML
Простой
Можно ли как то заменить button на type="radio" MiniShop2?
1 подписчик
05 мар.
56 просмотров
1
ответ
CSS
Средний
Как решить проблему со смещением макета и подогнать контейнер под размер картинки?
1 подписчик
04 мар.
110 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Middle Project Manager (внутренние проекты)
FOXIBLE
•
Москва
от 70 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама