Arka plan resmini blok olarak tekrar etme

Question

Arka plan görüntüsünü blok olarak tekrarlamak mümkün mü? Div% 100 genişliğini yapıp yüksekliği 70px olarak ayarladığımda bu görüntü tekrarlanır, ancak sorun kutunun genişliğine bağlıdır, bazen öğenin yarısı ortaya çıkar ve bu hiç bir anlam ifade etmez. Yinelenmemesi gereken bir yer varsa, tekrarlanan görüntünün tekrarlanmasını istiyorum. Mümkün mü?

Bu

#wrapper { 
 
    background-color: #E3E3E3; 
 
    position: relative; 
 
    padding: 55px 0 0 0; 
 
} 
 
#notepadTop { 
 
    display: block; 
 
    position: absolute; 
 
    top: -24px; 
 
    left: 0; 
 
    width: 100%; 
 
    height: 70px; 
 
    background: url('http://i.imgur.com/lbW0QX6.png') repeat; 
 
}

<div id="wrapper"> 
 
    <div id="notepadTop"> 
 

 
    </div> 
 
</div>

Sorunuzu anlasalardı

Answer 1

deneyin css'nizde bu ekleme aradığınız imajını geçerli:

background-repeat: round

böylece, sahip:

#notepadTop { 
    display: block; 
    position: absolute; 
    top: -24px; 
    left: 0; 
    width: 100%; 
    height: 70px; 
    background-image: url('http://i.imgur.com/lbW0QX6.png'); 
    background-repeat: round; 
} 

değeri round bu (eğer bu konuda endişe edilmemelidir) IE8 üzerinde ve altında çalışmaz böylece yeni CSS3 seçenektir.

Answer 2

, sen background-size: cover;