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

  • Greater Than Gatsby Photoshop Actions & Lightroom Presets

    Greater Than

    11 ŞUBAT 2013
  • HereWeStayKings

    HereWeStayKi

    3 NİSAN 2013
  • Yanko Kral

    Yanko Kral

    8 HAZİRAN 2006