background resize
 

Подскажите как вместо изображения в этом скрипте использовать див с содержимым, или может есть что похожее, или другие способы?

Что-то вроде этого? Тогда медитируй над кодом.

<style>
.background{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: blue;
    font-size: 50%;
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
}
.background div{
    margin: 3px 0;
}
</style>

<main role="main">
<p>Это типа контент сайта<p>
<p>Это типа контент сайта<p>
<p>Это типа контент сайта<p>
<p>Это типа контент сайта<p>
<p>Это типа контент сайта<p>
</main>
<div class="background" role="presentation">
<div>Это типа бэкраунд сайта. Это типа бэкраунд сайта. Это типа бэкраунд сайта</div>
<div>Это типа бэкраунд сайта. Это типа бэкраунд сайта. Это типа бэкраунд сайта</div>
<div>Это типа бэкраунд сайта. Это типа бэкраунд сайта. Это типа бэкраунд сайта</div>
<div>Это типа бэкраунд сайта. Это типа бэкраунд сайта. Это типа бэкраунд сайта</div>
<div>Это типа бэкраунд сайта. Это типа бэкраунд сайта. Это типа бэкраунд сайта</div>
<div>Это типа бэкраунд сайта. Это типа бэкраунд сайта. Это типа бэкраунд сайта</div>
<div>Это типа бэкраунд сайта. Это типа бэкраунд сайта. Это типа бэкраунд сайта</div>
<div>Это типа бэкраунд сайта. Это типа бэкраунд сайта. Это типа бэкраунд сайта</div>
</div>

нет, там задача в маштабировании, центрировании и резиновости фона.
Просто у меня фон из нескольких картинок состоит и надо его как единое целове изменять

Мож тогда проще объединить в графическом редакторе в одну картинку?
Как альтернатива - использовать множественный бэкграунд (css3 фишка)

думаю не вариант так как он анимирован http://stickers4u.ru