Как составить шоу фоновых изображений URL CSS в localhost?
Я просто установил xampp, и я принес один из своих живых сайтов в него, чтобы смочь начать работать от localhost.
Таким образом для просмотра моего сайта я перешел к localhost/example.com
Я заметил некоторые проблемы с изображениями, когда на моем HTML, я имел, например:
<img src="/new_pictures/05.jpg" alt="Central Market"/>
Изображение не обнаружилось бы, но затем я удалил / и это работает:
<img src="new_pictures/05.jpg" alt="Central Market"/>
У меня, кажется, есть подобная проблема с фоновым изображением CSS, но я не могу заставить его работать - если я удаляю / туда, изображение не обнаруживается на живом сайте. Как я составляю шоу фонового изображения на localhost?
CSS в качестве примера (работает в живом сайте, но не localhost):
.outeremailcontainer {
height:60px;
width: 275px;
background-image:url(/images/feather_email2.jpg);
text-align:center;
float:right;
position:relative;
z-index:1;
}
Спасибо!
3 ответа
Пути к изображениям в вашей таблице стилей должны быть там, где изображение находится относительно таблицы стилей , например, если ваш .css файл находится в подобном каталоге на вашем сайте:
/css/styles.css
Ваш путь должен выглядеть следующим образом (перейдите в каталог, затем перейдите к изображениям )
background-image:url(../images/feather_email2.jpg);
Вы можете попробовать тег base , который поддерживается в большинстве популярных браузеров, а затем указать пути относительно атрибута href тега base . Или убедитесь, что вы указали правильные пути относительно таблицы стилей CSS
Попробуйте использовать ./ вместо / и убедитесь, что вы указываете правильный путь.