css - 要素に画像を追加する

Question

JavaScriptを使用せずに要素に透明な画像（ストライプなど）を追加したり、CSSフォアグラウンド手法であるhtmlに他の要素を追加したりすることは可能ですか. border-image内での実験のようbox-sizing:border-box;なものまたは何かのようなもの:after？

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

Answer 1

はい、たとえば、 http://jsfiddle.net/U3rfH/ を使用して実行:afterできます

背景色を背景画像に変更するだけです：

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

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