добавить изображение по элементу

Question

Можно ли добавить прозрачное изображение (например, полосу) над элементом без javascript или добавить другой элемент в html, технику переднего плана css. Что-то вроде эксперимента border-image внутри с box-sizing:border-box; или что-то вроде :after?

<div class="striped">lorem ipsum dolores</div> 

Answer 1

Да, вы можете это сделать, например, с помощью :after - http://jsfiddle.net/U3rfH/

Просто измените цвет фона на фоновое изображение:

div { 
    margin: 30px; 
    position: relative; 
} 

div:after { 
    content: ""; 
    position: absolute; 
     top: 0; 
     left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(200, 0, 200, .2); 
}