Как залить фоном область бока за полосой прокрутки?

Question

Ivan Karabadzhak @Jakeroid

HTML
CSS

Как залить фоном область бока за полосой прокрутки?

Есть CSS код для элемента:

#top {
	width: 100%;
	height: 170px;
	position: relative;
	background-image: url('images/top_gradient.png');
	background-repeat: repeat-x;
	background-position: bottom;
}

Если размер окна больше размера сайта 1024px — то все окей, элемент растянут сверху на всю ширину окна и закрашен черным. Если размер окна меньше, появляется горизонтальный прогресс бар. Если его перетащить до конца, выходит вот так:

А я хочу, что бы был до конца.

Как исправить?

Вопрос задан более трёх лет назад
2839 просмотров

Комментировать

Подписаться 3 Оценить Комментировать

Answer 1 · 2012-04-23 11:58:18

Если в блоке больше ничего нет, то

#top {
    height: 170px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background-image: url('images/top_gradient.png');
    background-repeat: repeat-x;
    background-position: bottom;
}

Если же в блоке что-то есть, то попробуй завернуть его в блок с position: relative.

Как залить фоном область бока за полосой прокрутки?

Войдите на сайт