Я прочитал здесь сообщение, где основная проблема, когда изображения не отображаются на страницах Github, заключается в том, что он чувствителен к регистру. Я имел дело с той же проблемой, что изображения не отображаются, но в этом случае я не вижу ошибки.

.header--button span{
display: inline-block;
width: 13px;
height: 8px;
margin-left: 10px;
background-image: url('/assets/icons/down-arrow.svg');

Так я разместил большинство изображений, но все же могу найти, где я ошибаюсь?

Это ссылка на мое репо https://github.com/AlejandroCaputo/Batatabit_CryptoProject

Это ссылка на мою страницу github https://alejandrocaputo.github.io/Batatabit_CryptoProject/index.html

Что мне не хватает?

1
Alejandro CM 14 Янв 2021 в 02:52

3 ответа

Лучший ответ

Причина проблемы с отображением изображений значков связана с «эталонным путем» изображений.

Например, изображение с именем "down-arrow.svg"

Фактически расположен в

/Batatabit_CryptoProject/assets/icons/down-arrow.svg,

Но упоминается как:

 /assets/icons/down-arrow.svg

Проблема может быть устранена двумя способами:

  1. Обратитесь к изображению с его фактическим полным путем, I.E., используя /Batatabit_CryptoProject/assets/icons/down-arrow.svg

  2. Обратитесь к изображению, используя относительный путь, т.е. удалив начальную / из ссылки на изображение.

0
Gopinath 14 Янв 2021 в 00:09

Похоже, ваш путь был неверным. Удалите / перед активами

.header--button span{
display: inline-block;
width: 13px;
height: 8px;
margin-left: 10px;
background-image: url('assets/icons/down-arrow.svg');
0
PolarisRouge 14 Янв 2021 в 00:00

Я уверен, что это сработает, но я думаю, вы могли бы попробовать относительные пути вместо абсолютных. Например, в вашем случае измените следующее

.header--button span {
  display: inline-block;
  width: 13px;
  height: 8px;
  margin-left: 10px;
  background-image: url('./assets/icons/down-arrow.svg');
}
0
Dharman 14 Янв 2021 в 00:07
65711511