Jak powtórzyć obraz tła jako blok?

Question

Czy można powtórzyć obraz tła jako blok? Kiedy zrobię div 100% szerokości i ustawię wysokość na 70px, ten obraz powtarza się dobrze, ale problem zależy od szerokości pudełka, czasami połowa elementu pojawia się i to nie ma żadnego sensu. Chcę cały obraz powtórzyć, jeśli jest miejsce, jeśli nie powinno się kończyć powtórzeniem. Czy to możliwe?

#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>

To jest obraz

Answer 1

warto dodać to w css:

background-repeat: round

tak, masz:

#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; 
} 

wartość round jest nowa opcja CSS3, więc to nie będzie działać na IE8 i niżej (nie należy martwić się o to).

Answer 2

Jeśli zrozumiałem pytanie, szukasz background-size: cover;