Arkaplanda Resim Kullanan Arkadaşlar İçin Css Genişletme Kodu

[ersincandan]

Hep rastgeliyor bana arkaplanda resim kullanan arkadaşların sık yaptığı bir hata.Yüksek çözünürlükte sayfayı görüntüleyince sayfanın arkaplanı büyümüyor aynı boyutta kalıyor ve diğer öğeler büyüyor böylece arkaplan sayfayı kaplamamış oluyor.Bknz:


Önelemek aşağıdaki kodu cssnize ekleyin eğer cssnizde background varsa gerekli yerleri değiştirin.

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

Sonuç şu sitedeki gibi olacaktır.Ctrl+ + yaptığınızda arkaplanın yine sayfayı kapladığını görürsünüz.
GOTOCHINA

[Akar]

Evet, tasarımcının biraz geniş açılı düşünebilmesi lazım. Teşekkürler.

[güngör]

teşekkürler ben bunu daha önce burada sormuş ve uygulamıştım.

Css kodlarının ne işe yaradığını nerden öğrenebiliriz ?