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

  • Abe Olandres

    Abe Olandres

    16 EYLÜL 2006
  • BSA

    BSA

    9 NİSAN 2012
  • mliskIT

    mliskIT

    29 Mart 2012