: before e background-image ... dovrebbe funzionare?

Question

Ho un div e applico :before e :after un'immagine come contenuto. Funziona perfettamente. Ora avrei bisogno di applicare un'immagine di sfondo in modo che si ripeta come il div ridimensiona, ma non sembra funzionare. L'immagine di sfondo su :before e dovrebbe funzionare?

Il codice corrente:

HTML:

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

CSS:

#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

@michi; definire height nella before classe pseudo

CSS:

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

Answer 2

immagini di sfondo su :before e :after elementi dovrebbe funzionare. Se pubblichi un esempio, probabilmente potrei dirti perché non funziona nel tuo caso.

Ecco un esempio: http://jsfiddle.net/namas/3/

È possibile specificare le dimensioni dell'elemento in% usando background-size: 100% 100% (larghezza/altezza), per esempio.