Фоновото изображение не се показва, когато е дефинирано в таблицата със стилове

Аз съм много нов в css, така че това може би е прост отговор. Имам 2 сценария и единият работи, другият не. Надявам се някой да може да ми помогне.

ВЪРШИ РАБОТА:

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

НЕ РАБОТИ:

<head>
<link rel="stylesheet" type="text/css" href="/bgviews/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; 
}

person edgar    schedule 19.05.2011    source източник


Отговори (2)


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

Дефинирайте пътищата на изображенията във вашия CSS спрямо CSS файла, а не HTML файла, който показва всичко:

background-image:url('images/home.jpg');
person sdleihssirhc    schedule 19.05.2011
comment
Също така, за каквото си струва, източникът не трябва да е в кавички; можете да запазите точно два знака, като направите url(images/home.jpg) - person sdleihssirhc; 20.05.2011
comment
Направих абсолютно същото. но работи само в моята среда за отстраняване на грешки. Когато публикувам в azure, не работи. някаква идея защо? - person Sam; 05.07.2018

В моя случай:

Имах папка CSS. И така, в моята CSS папка имах своя style.css, така че въвеждах в моя style.css следното:

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

вместо

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

... Надявам се това да помогне на всеки, който има същия проблем.

person Maduro    schedule 25.03.2016