Prioriteta slike - background
 
bobo05 14. nov 2010 11:24:32 Pridružen od:
8. dec 2009
2553 objav
1865 302 37
#1

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


všeč(0) ni všeč(0) spam(0)
-sup
 
perunpro 14. nov 2010 11:27:13 Pridružen od:
23. maj 2008
3360 objav
2892 217 19
#2

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


všeč(0) ni všeč(0) spam(0)
 
bobo05 14. nov 2010 12:01:10 Pridružen od:
8. dec 2009
2553 objav
1865 302 37
#3

Č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 :/


všeč(0) ni všeč(0) spam(0)
-sup
 
perunpro 14. nov 2010 19:28:58 Pridružen od:
23. maj 2008
3360 objav
2892 217 19
#4

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


všeč(0) ni všeč(0) spam(0)
 
bobo05 14. nov 2010 22:42:10 Pridružen od:
8. dec 2009
2553 objav
1865 302 37
#5

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


všeč(0) ni všeč(0) spam(0)
-sup
 
nas-t1 14. nov 2010 22:50:57 Pridružen od:
23. maj 2007
6916 objav
6886 187 55
#6

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


všeč(0) ni všeč(0) spam(0)
 
bobo05 14. nov 2010 22:52:28 Pridružen od:
8. dec 2009
2553 objav
1865 302 37
#7

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šeč(0) ni všeč(0) spam(0)
-sup
 
nas-t1 14. nov 2010 22:56:51 Pridružen od:
23. maj 2007
6916 objav
6886 187 55
#8

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.


všeč(0) ni všeč(0) spam(0)
 
mtance 15. nov 2010 08:34:54 Pridružen od:
27. jan 2008
508 objav
198 16 1
#9

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


všeč(0) ni všeč(0) spam(0)
 
skadore 15. nov 2010 08:37:37 Pridružen od:
21. mar 2010
13 objav
8 9 0
#10

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


všeč(1) ni všeč(0) spam(0)
 
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se