rysuj ukośne linie w tle div za pomocą CSS

Question

Aug 02, 2013, 10:41 AM

background css css-shapes lines diagonal

rysuj ukośne linie w tle div za pomocą CSS

Mam div dla okna podglądu

HTML:

<div class="preview-content">PREVIEW</div>

CSS:

.preview-content {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=) repeat;
    width: 100%;
    min-height: 300px;
    max-height: 300px;
    line-height: 300px;
    text-align: center;
    vertical-align: middle;
     font-size: 2em;
}

P: jak dodać ukośne linie do tła div, jak na zdjęciu

uwaga: z CSS tylko jeśli to możliwe

Z góry dziękuję