ersincandan
31-01-2012, 15:23
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:
309
Ö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 (http://ringvemedia.com/)
309
Ö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 (http://ringvemedia.com/)