CSS Arkaplan Uzatma & Genişletme

[bazinga]

CSS ile arkaplan resmi belirlediniz. Fakat resim çözünürlüklere göre değişiyor ve ekranda boşluk mu kalıyor ? Çözümü basit.

CSS ile aşağıdaki kodu uyguladığınız takdirde resminiz tüm arkaplanı kaplayacak şekilde olacaktır.

Firefox, Chrome ve Internet Explorer dahil denediğim tüm tarayıcılarla tam uyum gösterdi...

body{
    background:url('background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg', sizingMethod='scale')";
}