css - 在元素上添加图像

Question

是否可以在没有 javascript 的元素上添加透明图像（如条纹）或在 html 中添加其他元素，这是一种 css 前景技术。类似于内部实验的东西border-imageabox-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);
}