фоновое изображение не будет отображаться в DIV

Это мой HTML кодфоновое изображение не будет отображаться в DIV

.jumbotron 
 
    { 
 
    \t background-image: url("file://C:\xampp\htdocs\CSProject\images\Psi.png"); 
 
    \t height: 250px; 
 
    \t width: 250px; 
 
    }

<!DOCTYPE html> 
 
    <html> 
 
    \t <head> 
 
    \t \t <link rel="stylesheet" href="stylesheet.css"> 
 
    \t </head> 
 
    \t 
 
    \t <body> 
 
    \t \t <div class="jumbotron"> 
 
    \t \t </div> 
 
    \t </body> 
 
    </html>

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

Спасибо за любую помощь или информацию.

источник

2015-04-22 Vocany

Попробуйте использовать относительный путь, например: url (images/Psi.png). Предполагая, что ваши файлы HTML находятся в папке CSProject –

URL-адрес для background-image должен быть указан из вашего файла CSS, а не из корневого каталога.

Так что, если ваш файл CSS содержатся в CSProject папки, попробуйте изменить:

.jumbotron { 
    background-image: url("images/Psi.png"); 
}

источник

2015-04-22 21:20:22 SuperVeetz

Путь должен иметь косую черту, а не обратную косую черту. – Chad

Большое вам спасибо, что отлично сработало. Я ценю это. – Vocany

Он имеет что-то делать с путем изображения ... как Эрез рекомендовал бы я использовать относительный путь.

Если ваш HTML код и папка «Изображения» находятся в пределах папки «CSProject», а затем ссылаться на этот образ как

background-image:url('/images/Psi.png');

Это подводит меня к моему следующему пункту, почему ваш файл-путь, используя обратную косую черту? это должно быть

/htdocs/CSProject/images/Psi.png

источник

2015-04-22 21:23:51 chrismillah

фоновое изображение не будет отображаться в DIV

ответ

Смежные вопросы