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

  • Arun Kumar

    Arun Kumar

    18 Mart 2010
  • FD2097

    FD2097

    21 HAZİRAN 2009
  • LaKe Lightroom Tutorials

    LaKe Lightro

    22 Temmuz 2014