Фоновое изображение появляется в контейнере переполнения

Я использую Firebug для работы с моим CSS.Фоновое изображение появляется в контейнере переполнения

Он отображает HTML, Body и внутренний контейнер на высоте 620px. Я предполагаю, что мое окно составляет около 640 пикселей.

Использование firebug Я могу ясно видеть, что все элементы заканчиваются как раз за всю высоту окна, однако, как правило, bg-изображение тела занимает всю высоту окна, что превышает размер его относительного контейнера.

How/Why is this?

Примечание: Это сайт Drupal, использующий normalize.css в качестве сброса. Когда я говорю о высоте, на содержании нет отступов или полей.

Я толкнул, чтобы проверить, смотрите здесь - http://mermaidriverpools.rickdonohoe.co.uk/

источник

2013-06-02 Rick Donohoe

Пожалуйста, оставляйте свой код (или даже лучше, скрипка), поэтому мы можем видеть то, что вы делаете на нем. Спасибо –

См. Редактирование вопроса. –

Рик, см. Мое редактирование. Надеюсь, он решает вашу проблему. –

Хорошо, глядя на вашу страницу, я так раздражен, как ты. Но я думаю, что нашел, почему это происходит.

В этом fiddle, вы можете увидеть, что свойства фона (цвет, изображение ...) распространяется по всей странице IF это специально ON тела тега. Неважно, насколько велик тело (это коробка 1x1 в скрипке).

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

Но в этом other one (установка фонового цвета на внутренний div с фиксированными размерами) цвет фона не распространяется по всей странице.

Попробуйте создать обертку как дети вашего тела и поместите на ней стили тела.

<body> 
    <div class="all your body classes here"> 
    </div> 
</body>

источник

2013-06-02 10:43:05

Это достойный, следовательно, верхний. Это было тем более фактом, что тело не заполнило весь экран (почему это коротко?), И почему это происходит в любом случае, что означает, что есть место для лучшего ответа. Видно, как не ПРИНИМАЕТСЯ. –

@RickDonohoe извините, возможно, я должен был объяснить это немного больше. Установка background- (изображения или цвета, что угодно) на теле делает это свойство взятым по всей странице (даже если тело имеет размер только 1pxX1px). Но это не означает, что тело имеет одинаковый размер. Он будет следовать нормальным правилам определения размера (размер контента, определенный набор, заданный вами, наследование). Возможно, мы видим разные вещи? Вот как выглядит ваша страница на моем экране: http://tinypic.com/r/2d2cf8/5 Я обновлю свой ответ, чтобы лучше отразить это. –

при использовании браузера Firefox вы можете нажать

ctrl+Shift+m

и бледноватый ивовый прут resoltion вам нужны

источник

2013-06-02 11:02:46

Фоновое изображение появляется в контейнере переполнения

ответ

Смежные вопросы