Блог о заработке в Интернет — Я креветко

Если вам нужно разместить 1 бекграунд с привязкой к низу а второй с верху до начала второго букграунда то мне помог такой код:

....

<td style="background-image: url(/i/tbl-2-3.png); background-position: bottom; background-repeat: repeat-x;" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="62" background="/i/tbl-right-bg.png" id="polosa_r"><tr><td> </td></tr></table></td>

....

и в самом конце:

<script>
polosa_r.style.height=document.body.scrollHeight-799;
</script>

JavaScript присваивает высоту таблицы по его ID.

Где число 799 - это расстояние от низа экрана до начала второго бекграунда. Таким образом при любой высоте экрана первый бекграунд не будет налазить на второй. Такая проблема у меня возникла при использоваии PNG картинок с прозрачностью в качестве бекграунда. Потому что при наложении картинок друг на друга прозрачность уменьшалость, и при наложени их друг на друга смотрится ужастно! Если есть замечания пишите обдумаем вместе.

автор: Антон \\ теги: html, JavaScript, JS, png, бекграунд