Css ile Tam Sayfa Arkaplan

15.01.12
ekin's picture

Tarayıcının boyutuna göre otomatik genişleyip daralabilen arkaplanları yapmak css ile mümkün. Bunu css'in background-size parametresi ile yapacağız. Html etiketine aşağıdaki kodları yazın.

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

Hangi Tarayıcılarda Çalışır?

  • Safari 3+
  • Chrome
  • IE 9+
  • Opera 10+
  • Firefox 3.6+