: wcześniej i obraz tła ... czy to powinno działać?

Question

Mam element div i stosuję obraz :before i jako treść. To działa idealnie. Teraz muszę zastosować obrazek tła, aby był powtarzany, gdy zmienia się rozmiar div, ale wydaje się nie działać. Czy obraz tła na :before i :after powinien działać?

Obecny kod:

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; określić height w before klasy 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

obrazów tła w :before i :after elementów powinno działać. Jeśli zamieścisz przykład, prawdopodobnie powiem ci, dlaczego nie działa w twoim przypadku.

Oto przykład: http://jsfiddle.net/namas/3/

można określić wymiary elementu w% za pomocą background-size: 100% 100% (szerokość/wysokość), na przykład.