Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

buyuk imajı kucuk dive background yapma

bir imajımız var
diyelim ki 500x500 buyuklugunde

ben bunu bir div de background resmi yapmak istiyorum. ama div in buyuklugu 200x200

ben bu resmin tamamını (tabi ki kuculecek imaj) bu div e background olarak koyabilirim.

not: php ile resize edip zaten koyabiliyorum. benim amacım php ile resize etmeden koymak.
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • 1
    Supervisor adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    107 cevap - 0 soru
    HTML

    <div id="background">
    <img src="img.jpg" class="stretch" alt="" />
    </div>

    CSS

    #background {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1;
    }

    .stretch {
    width:100%;
    height:100%;
    }
    • Supervisor adlı üyenin fotoğrafı Supervisor
      yada CSS3 ile

      background-size: 100%;
      10 yıl önce yazılmış
    • protest adlı üyenin fotoğrafı protest
      background-size: 100%;
      aradığım cevapmış. teşekkürler.

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      <html>
      <head>
      <style>
      #background {
      background:url(500x500.jpg) no-repeat;
      background-size: 100%;
      width: 200px;
      height: 200px;
      }
      </style>
      </head>
      <body>
      
      <div id="background">
      cvbc
      </div>
      </body>
      

      </html>
      10 yıl önce yazılmış

Cevaplar

  • BQRA adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    27 cevap - 2 soru
    
    <div class="200_200_kerterize">
        <div style="width:100%; height:auto; z-index:0; position:absolute; top:0; left:0;"><img src="500x500.jpg" style="width:100%;" alt="" /></div>
        <div class="200_200_icerik" style="position:relative; z-index:1;">
            lorem ipsum dolor sit amet
        </div>
    </div>
    
    


    Bu işine yarayabilir.
    • protest adlı üyenin fotoğrafı protest
      hocam bu dediğinizi yaptım. ama bazi sebeplerden dolayı bunu tercih etmedim. cevap için teşekkürler
      10 yıl önce yazılmış