Prioriteta slike - background

5 naročnikov

Želja društva, za katero delam spletno stran, je da bi imeli določeno sliko za ozadje in da se ta ponavlja, tako da imaš občutek kot da si v tem prostoru.

Tukaj pa nastane problem. Template je od RocketTheme Affinity. Lepo zamenjam sliko page-bg2.png z željeno in v css nastavim ponavljanje po x in y. Ustvarim tole kodo:

#page-bg2
{
background-image: url(../images/style2/page-bg2.png);
background-repeat: repeat;
}

Ok, vse lepo in prav in lepo deluje. Ampak tukaj je pa en problem. Namreč, ker je template sestavljen iz večih slikic, je potem okoli menija vse sivo (kot je vidno na sliki - link zgoraj).

Sedaj pa me zanima, kako nastavim zgornji slikici (desno od tistega ko je obkroženo z rdečo) ki se imenuje header-bg2.png prioriteto, da se bo prikazala pred to sliko page-bg2.png?
Probal sem že takole

#page-bg {
background: #DCDCDC url(../images/style2/header-bg2.png)
45px 0 0 repeat-x;
z-index: 1000000;
}

...ampak ne deluje.

Takole, zadevo sem rešil in sicer nisem uporabil nikjer prioritete.
Spremenil/prilagodil sem te slike okoli menija. Spodnja je brez težav v transparentu in deluje, leva in desna stran pa naj bi bili beli zaradi div-a v index.php.
Ampak jaz sem zadevo rešil bol po "češko". Sicer sem porabil pol ure za obe slikici ampak sem ju lepo prilagodil, tako da pašejo z ploščicami. Hvala vsem za pomoč!

Photoshop je ok. Tista belina je lahko recimo glavna navigacija, ki ima presiroko sirino.

Edit: prepozen :(

leva in desna stran pa naj bi bili beli zaradi div-a v index.php