Pozadi pres cely monitor – CSS – Fórum – Programujte.com

Zdravim lidi,

mam takovej problem, mam obrazek velikosti treba  1000 x 500 px,
napsal jsem v CSS:

body
{
  margin: 0 auto;
  padding: 0;
  color: #0B0F13;
  background-color: #B2C2D1;
  background-image: url('images/Bottom_texture.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: ????? 
}

nevim jak mam nastavit background-position: , aby se mi ten obrazek zmensil/zvetsil podle velikosti a rozliseni monitoru a roztahl se pres celu obrazovku. scrolluje se text,pozadi zustava na miste.
to ze se muze rozhodit pomer stran obrazku mi nevadi.

jde to vubec zapsat v CSS, pokud ano, poradite prosim nekdo ?

diky
 

#1 dyžon
Nejjednodušší je použít CSS3 (IE toto podporuje od verze 9):

background: url(cover.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

Řešení je taky div se šířkou a výškou nastavenou na 100% a pár dalšími úpravami. Taky na to existuje spousta jQuery pluginů.

Dekuji moc, pomohlo to.