Почему не отображается фоновое изображение? - PullRequest
Новая
       0

Почему не отображается фоновое изображение?

0 голосов
/ 16 октября 2011

Я пытаюсь отобразить фоновое изображение для заголовка веб-сайта, однако оно не отображается. Вот код:

HTML: 

<!DOCTYPE html>
<html>
<head>
    <title>Matt Hayward's Blog</title>
    <link rel="stylesheet" type="text/css" href="styles/main.css">
</head>
<body>
    <div id="wrapper">
        <div id="header">

        </div> <!-- header -->
        <div id="navbar">
            <ul>

            </ul>
        </div> <!-- navbar -->
        <div id="maincontent">

        </div> <!-- maincontent -->
        <div id="rightmenu">

        </div> <!-- rightmenu -->
    </div> <!-- wrapper -->
    <div id="footer">

    </div> <!-- footer -->
</body>
</html>

И CSS для header div: 

#header
{
    background: #fff url(header.png) no-repeat;
    width: 960px;
    height: 121px;
}

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

Я пробовал свойство url() как с одинарными кавычками, так и без них, но ни один из способов не работает.

(Я знаю, что подобные вопросы задавались ранее, и я просмотрел несколько из них, но ответы не решают мою проблему.)

1 Ответ

2 голосов
/ 16 октября 2011

Ваш код хороший.Убедитесь, что header.png существует и находится в папке стилей.

...