Блог

Главная - Вопросы по программированию - Фоновое изображение не отображается при определении в таблице стилей

Фоновое изображение не отображается при определении в таблице стилей

#css #background

#css #фон

Вопрос:

Я очень новичок в css, так что, возможно, это простой ответ. У меня есть 2 сценария, и 1 работает, а другой нет. Я надеюсь, что кто-нибудь сможет мне помочь.

РАБОТАЕТ:

 <head>
<style type="text/css"> 
body { 
    background-image:url('views/default/images/home.jpg');
;}
</style>
</head>

НЕ РАБОТАЕТ:

 <head>
<link rel="stylesheet" type="text/css" href="views/default/home_style.css" />
</head>

В home_style.css>

 body{ 
    background-image:url('views/default/images/home.jpg');
    margin-top: 0px !important; 
    padding-top: 0px !important; 
}

Ответ №1:

Похоже, что ваш файл CSS находится в views/default/ папке, в то время как изображение находится в views/default/images/ папке.

Определите пути к изображениям в вашем CSS относительно CSS-файла, а не HTML-файла, который отображает все:

 background-image:url('images/home.jpg');

Комментарии:

1. Кроме того, как бы то ни было, исходный код не обязательно должен быть в кавычках; вы могли бы сохранить ровно два символа, выполнив url(images/home.jpg)

2. Я сделал то же самое. но это работает только в моей среде отладки. Когда я публикую в azure, это не работает. есть идеи, почему?

Ответ №2:

В моем случае:

У меня была папка CSS. Итак, внутри моей папки CSS у меня была моя, style.css поэтому я набирал в своей style.css следующее:

background: url('img/mybgimg.jpg')

вместо

background: url('../img/mybgimg.jpg')

… Я надеюсь, что это может помочь всем, у кого возникла такая же проблема.