在元素上添加图像

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