Блог

Главная - Вопросы по программированию - фон и высота тела

фон и высота тела

#css

#css

Вопрос:

Когда я пытаюсь установить фоновое изображение для элемента body, а страница выше, чем окно просмотра, и вы можете прокручивать вверх или вниз.. Затем фоновое изображение начинается / заканчивается в том месте, где заканчивается окно просмотра, когда scrollTop равен 0..

Его как высота тела 100% равна высоте окна просмотра? Почему? Что я делаю не так?

 html {
    height:100%;
}

body {
    font-family:tahoma;
    font-size:11px;
    color:#333333;
    background:url('/new/gfx/layout.bottom_bg.png') bottom repeat-x #eef7ff;
    margin:0px;
    height:100%;
    overflow-y:scroll;
}

Ответ №1:

Вы не делаете ничего плохого; 100% высота для тела означает высоту области просмотра. Если вы хотите, чтобы это была высота изображения, вы должны использовать высоту пикселя изображения. Если вы хотите, чтобы он расширялся до размера содержимого, вы можете использовать min-height свойство (заданное на 100%).

Комментарии:

1. но что вы можете сделать, чтобы решить эту проблему и выполнить bottom работу в свойстве background?

2. Скорее всего, вы захотите использовать min-height , чтобы при необходимости растягивать его, но занимать, по крайней мере, весь видовой экран. Когда он растягивается и вы прокручиваете, вы должны увидеть его внизу. Если, с другой стороны, вы хотите, чтобы он был зафиксирован в нижней части окна просмотра, независимо от прокрутки содержимого, вы можете использовать background-attachment: fixed .

Ответ №2:

height:100% РАВНО высоте окна просмотра. Либо не указывайте высоту, либо используйте min-height: 100%;