SORU
26 EYLÜL 2012, ÇARŞAMBA


Duyarlı css arka plan resimleri

Bir web sitesi (g-kat.AB) ve arka plan (css içerik için bg-görüntü tanımlıyorum) da duyarlı olmasını istiyorum. Ne yazık ki gerçekten aklıma gelen tek bir şey dışında bunun nasıl yapılacağı hakkında hiçbir fikrim yok ama çok geçici bir çözüm. Birden çok resim oluşturma ve daha sonra bu görüntüleri ama değiştirmek istiyorum css ekran boyutu kullanıyorsanız bunu başarmak için daha pratik bir yol varsa.

Temelde istediğimi elde bu resim (filigran 'G') otomatik olarak görüntünün daha az görüntülemeden yeniden boyutlandırır. Tabii eğer mümkünse

link: g-floors.eu

Şu ana kadar (içerik bölümü) kodu

#content   
{       
    background-image: url('../images/bg.png');        
    background-repeat: no-repeat;        
    position: relative;        
    width: 85%;            
    height: 610px;       
    margin-left: auto;      
    margin-right: auto;       
}   

şimdiden teşekkürler

CEVAP
26 EYLÜL 2012, ÇARŞAMBA


Eğer ölçek tarayıcı penceresinin boyutuna göre aynı görüntü istiyorsanız:

background-image:url('../images/bg.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;

Genişliği, yüksekliği, ya da kenar boşluklarını ayarlayın.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • infiniTuts

    infiniTuts

    18 Ocak 2012
  • 趣味そうこ♪

    趣味そう

    3 Mart 2010
  • MADFINGER Games a.s.

    MADFINGER Ga

    21 NİSAN 2009