Dibuja líneas diagonales en fondo div con CSS

Question

Aug 02, 2013, 10:41 AM

css lines background diagonal css-shapes

Dibuja líneas diagonales en fondo div con CSS

Tengo div para cuadro de vista previa

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

Q: cómo agregar líneas diagonales al fondo div como en la imagen

nota: con CSS solo si es posible

Gracias de antemano