CSS Background
 

pozdrav,

radim nekakav site i imam problem sa backgroundom. Najbolji primjer se nalazi ovdjeZnači kao pozadina je dotična gradient slika sa repeat-x svojstvom. Međutim ono što ja nikako nemogu dokučiti kako se napravi da slika kada dođe do kraja vertikanlno, samo nastavi dalje. Mislim slika se ne ponavlja (repeat-y) nego nastavi kakva je i na kraju (tamno plava sa prugama). Nadam se da sam dovoljno jasan :P

Hvala unaprijed! :fala:

Odreži ju s donje strane i nakelji ispod ove i da se ponavlja po Y osi. Ne znam jel sam te dobro shvatio, pa ako nisam ignoriraj ovo.
Ali ne kužim što želiš s tim postići. Pozadina je i ovak preko cijelog ekrana s laganim gradientom.

Pa da dobro si shvatio. Ali to sto predlazes nije to - to. Kad to napravim vidi se crta i prijelaz, uglavnom ne valja. Pozadina na toj stranici je 650px, tako da na vecim rezolucijama ne vrijedi.
Ma nije meni sad toliko to bitno za ovaj site, ali oduvijek me to zanimalo i nikad nisam skužio :stoopid:

Dva elementa, na gornji staviš background bez gradienta sa repeat (ne x ili y, samo repeat).

Donji element ima gradientni background određene visine i on je samo repeat-x.

Bitno je da se donji kraj elementa sa gradientom matcha sa slikom koja je u backgroundu stranice.

Evo ovo je što se tiče samog CSS-a, a ako te zanima kako namjestiti sliku da tako izgleda, onda sam ja krivo shvatio pitanje :)

Primjer:

html:





css:

body{ background:url(neki-back-bez-gradienta.jpg) repeat 0 0; }
#container{ background:url(neki-back-sa-gradientom-fiksne-visine.jpg) repeat-x 0 0; }

Tako sam i ja mislio.:)
Samo je malo nezgodno u ovoj situaciji zbog slike.
U "normalnim" okolnostima s običnim gradientom bi to radilo.

Malo da oživim, bit će ih još sa sličnim problemom.
w3schools vam sadrži sve što vam može zatrebati. Link vodi na CSS odjeljak.

I za sve koji se žele malo bolje upoznat s novim funkcionalnostima CSS3 : http://www.css3.info/