Изображение на фоне

Много способов.
Можно, например, создать два контейнера DIV, один из которых вложен в другой:

Код (html):

1. <div class="one">
2.     <div class="two"></div>
3. </div>

Указать фон одного с нулевым смещением, а у другого - со смещением по оси Y на высоту фона первого. То есть если, например, у нас высота картинки первого фона 300px, получим:

Код (html):

1. .one {
2.     background: url("../images/bg_1.png") no-repeat left top; // Или repeat-x, в зависимости от того, что Вам нужно...
3. }
4. .two {
5.     background: url("../images/bg_1.png") no-repeat left 300px; // Или repeat-x, в зависимости от того, что Вам нужно...
6. }

 

z-index и назначить несколько картинок для одного background
Непонятно ,что значит-