Как постепенно делать бекграунд невидимым ?

[kpripper]

Вот у меня бекграунд резко заканчивается там, где заканчивается контент. В принципе картинка плавно переходит в фон, но когда контента много. А когда мало - вот такая четкая граница, как сделать чтобы фоновая картинка внизу плавно исчезала, независимо от количества контента ?

[zSpx]

Min-height задайте или покажите код, может у вас схлопнулось что-нибудь...

[kpripper]

вот весь код

background:url(../img/post_bg.jpg) top left no-repeat;

[zSpx]

Это шутка? Код как минимум контентной части и всех дочерних элементов. Или просто min-height задать попробуйте.

[kpripper]

<div id="content">

<div class="post">

<p>Контент</p>

</div>

</div>

#content{

width:988px;

background:url(../img/content_bg.jpg) top left no-repeat;

overflow:hidden;

}

.post{

width:660px;

font-family:Arial, Helvetica, sans-serif;

float:left;

background:url(../img/post_bg.jpg) top left no-repeat;

}

Плавно спрятать нужно картинку post_bg.jpg

min-height ничего не дало, я и не понял как оно должно было менять.

Edited October 18, 2011 by kpripper

[zSpx]

Ну вот у вас высота (../img/content_bg.jpg к примеру 200px, вам для #content нужно добавить min-height: 200px, что бы при малом кол-ве контента бэкграунд не обрезался...

[kpripper]

Но тогда его конец будет на 200 пикселей ниже контента. Кроме как прицепить снизу другую картинку с градиентом нет мыслей.