2013-11-17 4 views
1

Это, вероятно, очень простая проблема, которую я предполагаю, имеет очень очевидное, но глупое решение, но я этого не вижу. Я пытаюсь получить изображение, чтобы стать мозаичным фоном, и по какой-то причине изображение не появляется, и я не получаю ошибок. Я проверил разрешения и установил все файлы и папки на 777. Может кто-то указать на проблему для меня спасибо.background image not display css/html

Мой CSS файл:

body { 
    background-image: url("images/main_background.png"); 
} 

Мой HTML-файл:

<!DOCTYPE html> 
<html> 

    <head> 
     <title></title> 
     <link rel="stylesheet" type="text/css" href="css/layout.css"> 
    </head> 

<body> 

    <div id="main_container"> 

    </div> 

</body> 

</html> 
+0

Это может быть причиной того, что изображение не находится в каталоге/ваш предоставляют неправильный URL/styleshet не найден. –

ответ

3

Ваше изображение находится в папке изображений и CSS в папке CSS.

images/main_background.png означает, что папка с изображениями находится внутри папки css, но это не так.

написать это:

body { 
    background-image: url("../images/main_background.png"); 
} 

ИЛИ

body { 
    background-image: url("/images/main_background.png"); 
} 
+0

Ничего себе, это было глупо от меня. Я царапаю себе голову на полчаса, закручивая эту проблему. Спасибо, я бы подумал, что контролер хром дал бы мне файл, не найденный ошибка, но я не получил один – Yamaha32088

+0

. Добро пожаловать. Контрольная консоль - лучший способ понять ошибки. – Hiral