Справка по фоновому изображению - PullRequest
Новая
       11

Справка по фоновому изображению

0 голосов
/ 27 апреля 2010

спасибо за помощь, закончилась этим

HTML { позиция: относительная; мин-ширина: 950px; высота: 100%; фон: черный URL (images / GrassBG.png) repeat-y top center; 

font:13px "Lucida Grande",Helvetica,Arial,sans-serif;
}

body.main { ширина: 950px; поле: 0 авто; позиция: относительная; }

есть ли способ использовать div для фонового изображения - ограничить высоту только отображаемым содержимым?

Я помещаю фоновое изображение в div, потому что я хочу, чтобы оно центрировалось с помощью позиции: относительной, но изображение не отображается, пока я не установил высоту в div, и это не то, что я хочу, потому что я не хочу просто прокрутите вниз до нижней части изображения, где нет содержимого

Я пытался поместить фоновое изображение на тело css, но если браузер меньше ширины изображения, он просто выбрасывает его влево, и вы можете видеть только половину его - нет ли способа сделать фоновое положение: относительно тела?

извините, если это не имеет смысла> <</p>

спасибо

почему вы не можете использовать Position: относительный; на теле?

1 Ответ

0 голосов
/ 27 апреля 2010

Вы можете установить высоту вашего div на 100% и установить его с помощью no-repeat, чтобы он не распространялся на протяжении всего div. Убедитесь, что все его родительские элементы имеют высоту 100% (вплоть до body). Это не заставит себя быть определенной высоты. Это просто заполнит страницу.

Все это предполагает, конечно, что вы не хотите взаимодействовать с тем, что находится под рассматриваемым div. 

<style>
body,
#parent {
    height: 100%;
}

#the_one_with_the_background {
    background: url('background.png') no-repeat top center;
    height: 100%;
    width: blahpx /* You're still going to have to define a width of some sort */
}
</style>

<body>
    <div id="parent">
        <div id="the_one_with_the_background">
        </div>
    </div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...