Css 使空：占用后'；s的宽度和高度

我在一个div上使用了一个

：after

来添加一个覆盖背景（在我的例子中，我不能将它作为第二个添加到原始div）

我试图强迫它占据其“preducer”div的整个宽度和高度，尝试以100%的宽度和高度继承

：after

元素为空（“”），但它有一个需要显示的背景图像

---

编辑：（这里是js fiddle）

您可以使用绝对定位

---

你能把你的代码放在这里吗？谢谢。伪元素的默认

display

为

inline

，您必须设置

display:block

或

display:inline block

，才能将

宽度和
高度设置为
真，你想把它作为一个答案吗？不，很高兴知道它解决了你的问题。当使用
位置：绝对
或
固定
时，我们不需要指定
显示：块
，看起来它将隐式地被块。在这里您可以看到，不使用
显示：块
，其计算样式
显示
将自动更改为
块
（当
位置：绝对
）。
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;
}