Problem z rozciągnięciem tła pod całą stronę w css


(Asty1988) #1

Witajcie. Mam problem z rozciągnięciem tła pod całą stronę. Czy jest możliwość by za pomocą css wyśrodkować i rozciągnąć tło pod całą stronę, z zaznaczeniem że powinno być nieruchome(nie przesuwać się i nie łączyć przy przesuwaniu scrolla. Dodam że opcja repeat nie wchodzi w gre. Obecnie mam to rozpisane w ten sposób:

body {

background: url(/2.jpeg);

background-repeat:no-repeat; 

background-position:top center; 

background-attachment: fixed;

przy czym przy mniejszym obrazku niż rozdzielczość ekranu obrazek jest "obcinany" z dołu i po bokach (logiczne bo jest ustawione top,center) przy czym o ile się orientuje to nie można ustawić więcej parametrów do background-position. Znalazłem coś takiego:

http://www.cssplay.co.uk/layouts/background.html

przy czym tam wszystko jest opisane na z-index, a u mnie przepisanie całego css'a było by dość kłopotliwe.


(system) #2

jeśli chcesz autodopasowanie tła to użyj najpierw javascriptu do poznania rozdzielczości monitora(screen.width i screen.height) a potem rozciągnij obrazek na tą rozdzielczość


(Asty1988) #3

szczerze mówiąc nie specjalnie znam javascript wiem o co chodzi, ale nie wiem jak to zapisać.


(system) #4

http://www.cssplay.co.uk/layouts/background