Я сейчас учусь в колледже по онлайн-разработке, и у меня возникла проблема с частью моего задания.У меня возникла проблема с вставкой фонового изображения, простого изображения карты сайта, которое я сделал в Adobe Illustrator CC.Это не будет отображаться.
Сначала я сохранил файл в Illustrator, используя опцию «Сохранить как», и ввел файл в таблицу стилей как файл .ai.Это не сработало, поэтому я вспомнил, что должен был использовать функцию экспорта для экрана, я так и сделал, оставил настройки по умолчанию в диалоговом окне параметров и экспортировал их в формате jpg.Затем я помещаю его в мою таблицу стилей CSS.Я запустил код в Google Chrome, и он ничего не отображал.
#siteMapHero {
height: 300px;
background-image: url(PacificTrailsResortImages/siteMap6.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
Я уже успешно использовал фоновые изображения в этом проекте, поэтому я подумал, что мог что-то написать с ошибкой или какую-то другую маленькую ошибку, но не смогвижу что-то не так с моим кодом.Вот код для другого фонового изображения в той же таблице стилей.Это изображение отображается очень хорошо и точно так же, как все фоновые изображения, которые у меня есть в моем назначении.
#trailhero {
height: 300px;
background-image: url(PacificTrailsResortImages/trail.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
Я проверил, может ли мой путь быть неправильным, и это не такне похоже на это для меня.Затем я написал своему инструктору по электронной почте о своей проблеме, и он не смог найти ни одной проблемы на этом пути или что-либо еще.Затем я повторил опцию экспорта для экрана, но попытался использовать png-файл, а затем svg-файл, сохраняя настройки по умолчанию в диалоговом окне, но ничего не получилось.
Я попытался использовать экспорт в качестве функции и попыталсяс файлами JPG, PNG и SVG, и это все еще не работает.Я понятия не имею, что я делаю неправильно.Я пытался найти ответ в интернете, у кого-то был похожий вопрос, но этот человек решил свою проблему, проверив права доступа к свойствам файла иллюстратора, который они использовали.Каким-то образом его компьютер изменил настройки разрешений для этого файла, и он исправил настройки разрешений, и это сработало.Я попробовал это, но мои разрешения были в порядке.У меня есть полный доступ к файлу, поэтому разрешения не являются моей проблемой.Помоги мне!