Фон не работает для div - PullRequest
Новая
       1

Фон не работает для div

1 голос
/ 19 мая 2011

У меня есть следующий HTML: 

<html>
    <head>
        <title>
            Think in a NEW BOX.
        </title>

        <link rel="stylesheet" type="text/css" href="styles/default.css" />
    </head>
    <body onload="">
        <div id="content">
            <div id="header">
                <img src="images/title-1.png" /><img src="images/title-2a.png" /><img src="images/title-3.png" /></div><div id="fcontent">
                hi
hi
            </div>
        </div>
    </body>
</html>

... и следующий CSS: 

div#fcontent{
        background-image:url('images/forground.png');
        width:100%;
        padding:0px;
        margin-top:0px;
        background-repeat:repeat-y;
    }

Мой фон не отображается, почему это так?

Вот ВСЕ CSS, на всякий случай (однако проблема, вероятно, в приведенном выше фрагменте CSS): 

html, body {
        background-color:black;
        font-family:"arial bold";
        overflow:auto;
        text-align: center; 
        display: inline-block;
        color:white;
    }
div#content {
        width:792px;
        height:100%;
        padding:0px;
    }

div#header  {
        height:216px;
        width:100%;
        padding:0px;
        margin-bottom:0px;
    }

div#fcontent{
        background-image:url('images/forground.png');
        width:100%;
        padding:0px;
        margin-top:0px;
        background-repeat:repeat-y;
    }

*           {
        -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
    }

Ответы [ 4 ]

10 голосов
/ 19 мая 2011

Помните, что путь к изображению относится к файлу CSS, поэтому, если ваш файл CSS находится в папке «styles» и т. Д., Запрашиваемое в настоящее время изображение должно находиться в /styles/images/forground.png.*1001. *

Если вы измените расположение URL-адреса на абсолютный URL-адрес, например, из корня, то вы сможете избежать подобных проблем. 

url('/images/forground.png');

в качестве альтернативы вы можете выпрыгнуть из текущей папки и затем в папку с изображениями: 

url('../images/forground.png');

Надеюсь, что это поможет.

1 голос
/ 19 мая 2011

Я только что вставил ваш код, и он работает для меня в Chrome и Firefox.

Убедитесь, что путь к изображению правильный, и вы можете попробовать установить высоту.

1 голос
/ 19 мая 2011

Я не вижу DIV с идентификатором fcontent, который может быть первым выпуском.

0 голосов
/ 27 января 2013

Обратите внимание, это корневой путь: 

url('/images/forground.png');

Всегда ссылаюсь на: www.yoursite.com/images/forground.png

Пока это относительные пути, которые вы обычно должны использовать: 

url('images/forground.png');
url('../images/forground.png');

Для получения дополнительной информации вы можете посмотреть в этой теме: Фон не работает для div как следует

...