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

  • GoogleTechTalks

    GoogleTechTa

    15 AĞUSTOS 2007
  • Press Start

    Press Start

    4 HAZİRAN 2006
  • Truc Minh

    Truc Minh

    23 Ocak 2011