Ž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.