Повторите CSS фон в определенной позиции

Question

Я пытаюсь получить фоновую плитку для определенной позиции, например:

У меня есть следующий CSS и фиктивный div под тегом body.

div#dummy {
    position: absolute;
    top: 200px;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("data:image/png;base64....");      
}

Однако это не достигает дна, несмотря на указание дна 0. Есть идеи? Я думаю, что могу ошибаться.

Answer 1

должно работать -

html, body
{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
} 
#bluePart
{
    height:30%;
    width:100%;
    background:#2A3BA6;
    border:solid 0px #000000;
}
#lowerTilePart
{
    height:70%;
    width:100%;
    background-image:url(images/bgImage.gif);
    background-repeat:repeat;
    border:solid 0px #FF0000;
}

стиль css для html, тело часть обязательна

Answer 2

Возможно, вы захотите убедиться, что вы включаете reset.css http://meyerweb.com/eric/tools/css/reset/

Затем вы можете попробовать установить свойство background самого тела, установив положение следующим образом:

background: blue url('myimage.png') no-repeat left bottom;

«Синий» в начале определяет цвет верхней части изображения.Два свойства в конце определяют фоновую «позицию».Задание дна должно сделать его приклеенным ко дну.

Тогда высота самого фонового изображения будет определять, как далеко он поднимется на плитку.Вы можете использовать repeat-x вместо no-repeat, если хотите, чтобы фон располагался горизонтально.

Один из многих способов, без сомнения.