: पहले और पृष्ठभूमि-छवि ... क्या यह काम करना चाहिए?

Question

मुझे एक div मिला है और :before और :after सामग्री के रूप में एक छवि लागू करें। यह पूरी तरह से काम करता है। अब मुझे पृष्ठभूमि छवि को लागू करने की आवश्यकता होगी, इसलिए यह दोहराता है क्योंकि div आकार बदलता है, लेकिन ऐसा लगता है कि यह काम नहीं करता है। क्या पृष्ठभूमि छवि :before और :after पर काम कर रही है?

वर्तमान कोड:

HTML:

<div id="videos-part">test</div> 

सीएसएस:

:before और :after तत्वों पर

#videos-part{ 
    background-color: #fff; 
    height: 127px; 
    width: 764px; 
    margin: -6px 0 -1px 18px; 
    position: relative; 
} 
#videos-part:before{ 
    width: 16px; 
    content: " "; 
    background-image: url(/img/border-left3.png); 
    position: absolute; 
    left: -16px; 
    top: -6px; 
} 

Answer 1

@ मिची; अपने before छद्म वर्ग में height परिभाषित

सीएसएस:

#videos-part:before{ 
    width: 16px; 
    content: " "; 
    background-image: url(/img/border-left3.png); 
    position: absolute; 
    left: -16px; 
    top: -6px; 
    height:20px; 
} 

Answer 2

पृष्ठभूमि चित्रों से काम करना चाहिए। यदि आप एक उदाहरण पोस्ट करते हैं तो शायद मैं आपको बता सकता हूं कि यह आपके मामले में क्यों काम नहीं करता है। उदाहरण के लिए, http://jsfiddle.net/namas/3/

आप background-size: 100% 100% (चौड़ाई/ऊंचाई) का उपयोग करके% में तत्व के आयामों को निर्दिष्ट कर सकते हैं:

यहाँ एक उदाहरण है।