Я прочитал здесь сообщение, где основная проблема, когда изображения не отображаются на страницах 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
Что мне не хватает?
3 ответа
Причина проблемы с отображением изображений значков связана с «эталонным путем» изображений.
Например, изображение с именем "down-arrow.svg"
Фактически расположен в
/Batatabit_CryptoProject/assets/icons/down-arrow.svg,
Но упоминается как:
/assets/icons/down-arrow.svg
Проблема может быть устранена двумя способами:
Обратитесь к изображению с его фактическим полным путем, I.E., используя /Batatabit_CryptoProject/assets/icons/down-arrow.svg
Обратитесь к изображению, используя относительный путь, т.е. удалив начальную / из ссылки на изображение.
Похоже, ваш путь был неверным. Удалите / перед активами
.header--button span{
display: inline-block;
width: 13px;
height: 8px;
margin-left: 10px;
background-image: url('assets/icons/down-arrow.svg');
Я уверен, что это сработает, но я думаю, вы могли бы попробовать относительные пути вместо абсолютных. Например, в вашем случае измените следующее
.header--button span {
display: inline-block;
width: 13px;
height: 8px;
margin-left: 10px;
background-image: url('./assets/icons/down-arrow.svg');
}
Похожие вопросы
Новые вопросы
html
HTML (язык разметки гипертекста) - это язык разметки для создания веб-страниц и другой информации, отображаемой в веб-браузере. Вопросы, касающиеся HTML, должны включать минимальный воспроизводимый пример и некоторое представление о том, чего вы пытаетесь достичь. Этот тег редко используется отдельно и часто используется вместе с [CSS] и [javascript].