Background - fiksni i prilagoden rezoluciji monitora

Web dizajn i grafika
1

Pozdrav, treba mi jedna pomoc, zelim napravit da mi body bacground picture bude prilagoden monitoru, znaci stavio bi neku vecu rezoluciju i da mi se slika razvuce, smanji ili ostane ista ovisno o rezoluciji monitora, znaci htio bi da je uvijek cijela slika na monitoru bez obzira koja je rezolucija (tu mislim na one rezolucije normalnog formata 16:9, 16:10 i slicno).
I htio bi napravit da mi je fiksni background, znaci da slika miruje a da se content scrolla…to sam vec bio napravio negdje…

Hvala :slight_smile:

2

Ja koristim jQuery Easy Background Resize Plug-In i radi mi dobro.

3

Meni ti treba cisti css, samo tih par linija koda, znaci rucno pisanih.

4

sa ovim sam napravio da mi bude fiksni background-attachment:fixed;

jos mi treba da bude na svim monitorima isti, tj, da se slika od bg-a smanjuje odnosno rasiri ovisno o rezoluciji monitora…

5

Probaj ovako nešto

[HTML]


body { margin: 0; padding: 0;}
#bg { position: fixed; width: 100%; height: 100%; z-index: -10; }
#bg img { width: 100%; height: 100%; }
#site { width: 960px; margin: 0 auto; min-height: 1000px; background: #fff; }







[/HTML]

Zanemari izgled html koda jer sam na brzinu probao da vidim kako radi, trebalo bi se rastezat na sve širine monitora

6

uspio sam bio sredit, hvala :slight_smile: