Css ile Tarayıcıya Göre Arkaplan (Tam Ekran)

tarihinde gönderilmiş tarafından

Normalde arama sonuçları olarak arkaplan resmini sığdırmak , %100 arkaplan, full background  gibi sonuçları olan bu makaleyi sizinle bu başlıkta paylaşmak istedim,  Yapacağımız işlemle de hangi kullanıcı hangi boyutlarda sitemize girerse girsin arka plan otomatik olarak o kullanıcının bilgisayarına göre tek sütun halde kaymasına imkan tanıyacaktır. Gelin hep beraber kodları ve sistemi görelim, Kolaylıklar dilerim.

 

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


Destekleyen Tarayıcılar

  • Safari
  • Opera
  • Chrome
  • İE 9+
  • Firefox

DEMO 

  • Demo Adres (Farklı çözünürlükte deneyebilirsiniz)