做空：在占用它的前辈宽度和高度之后

Question

我在div上使用:after来添加叠加背景（在我的情况下，我只能将其作为第二个添加到原始div中）

我试图强迫它占据其前身＆＃34;的整个宽度和高度。 div，尝试宽度和高度为100％以及继承，但没有任何作用，:after元素的内容为空（＆＃34;＆＃34;）但它有一个需要显示的背景图像。

编辑：http://jsfiddle.net/96VfF/（这是js小提琴）

Answer 1

您可以使用绝对定位。

Sample Jsfiddle

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

div:after {
    content: "";
    position: absolute;
    display: block;
    background: rgba(255,0,0,0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}