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.

Meni naj ima transparenten PNG za ozadje. Bos pa imel s PNGji problem v IE.

Če nastavim slike od menija v transparent ne deluje. Potem je vse belo. V bistvu bi jaz zgoraj rad imel sivo črto oz header-bg2.png, ampak jo page-bg2.png prekriva. Zato bi ji rad nastavo večjo prioriteto. To sem probal z z-index: 10000 ampak ni delovalo :/

Lej tezko si predstavljam, ce das sliko :) kaj bi rad dosegel? Da je tisti del, ki je obkrozen izgleda kako tocno?

Torej kaj hočem, da je tisto obkroženo do konca ekrana v desno in levo srebrno ali pa da je okoli menija ko je sivo vse transparentno. Če slike spremenim v transparent jih prebarva v belo tako da ta opcija odpade,...

Ti moraš slike spremenit v transparentne v grafičnem programu in ne v css.

sej sem jih, jih shranim na namizje in z photoshopom spremenim v transparent. Ampak ko naložim prikaže tisto sivo v belo barvo...

V vseh brskalnikih ali samo v IE. Za ie obstaja fix. Pa si ziher spremenil v pravo vrsto transparentnosti? Vsaj v fireworksu imaš 3 vrste na voljo in samo alpha tranperancy je dejansko prozorna.

Pa shranit jih moraš v png ali pa gif, in ne v jpg.

@bobo05 ce se hoces igrati z z-indexom morata imeti oba diva position:relative da stvar deluje

@nas-t1: v vseh je takole.
@mtance: shranim jih nazaj v png kot so prvotno
@skadore: a lahko prosim malo več poveš o tem? Prvič uporabljam z-index.

Drugače pa sem se še 1x poigral z vsem, da bi slikice okoli menija spremenil v transparent in mi pride taka zadeva. Tisto ko je transparent prikaže belo. Eto še screen photoshopa.
Zato mislim da bi bila najboljša rešitev ta, da bi dal prioriteto sliki header-bg2.png da bi potem blo prikazano tak kot je na sliki na desni strani (zdaj sem to naredil z slikarjem na izi).