SORU
20 Kasım 2011, Pazar

Arka plan görüntüsü div uygun

Aşağıdaki div arka plan resmi var ama görüntü kesilir:

 <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center">

Bir şekilde kesmeden arka plan görüntüsü göstermek için var?

CEVAP
20 Kasım 2011, Pazar

Şimdi supported by most browsers background-size özelliği ile elde edebilirsiniz.

Arka plan görüntüsü div içine sığacak şekilde ölçeklemek için:

background-size: contain;

Arka plan görüntüsü tüm div kapsayacak şekilde ölçeklemek için:

background-size: cover;

JSFiddle example

Ayrıca filter for IE 5.5 support olarak vendor prefixes for some older browsers var.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
HtmlCssArka Plan ResmiBackground-image

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • efaustus9

    efaustus9

    16 HAZİRAN 2006
  • Justin Schenck

    Justin Schen

    24 Kasım 2006
  • justintimberlakeVEVO

    justintimber

    2 EYLÜL 2009

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR