पृष्ठभूमि छवि को ब्लॉक के रूप में दोहराने के लिए कैसे करें

Question

क्या पृष्ठभूमि छवि को ब्लॉक के रूप में दोहराना संभव है? जब मैं div 100% चौड़ाई बना देता हूं और ऊंचाई को 70px पर सेट करता हूं तो यह छवि अच्छी तरह से दोहराती है लेकिन समस्या बॉक्स की चौड़ाई के आधार पर होती है, कभी-कभी आइटम का आधा दिखाता है और इससे कोई अर्थ नहीं आता है। अगर पूरी तरह से दोहराना नहीं है तो मैं पूरी छवि को दोहराना चाहता हूं। क्या यह संभव है?

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

इस छवि को

Answer 1

कोशिश अपने सीएसएस में यह जोड़ने के लिए देख रहे है:

background-repeat: round

हां, तो आप है:

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

मूल्य round एक नया CSS3 के विकल्प तो यह IE8 पर और नीचे काम नहीं करेगा (आप इसके बारे में नहीं चिंता की जानी चाहिए) है।

Answer 2

अगर मैं अपने प्रश्न समझ में आया, आप background-size: cover;