Css 我的伪元素覆盖不是'；行不通

我试图把一个图像（甚至只是一个简单的rgba颜色）覆盖在一个引导背景滑块上。我从来没有遇到过在其他网站上使用这种特殊效果的问题，所以我不确定我在这里做错了什么。这是一个WordPress网站，但我用过的其他网站也是

section.top-carousel{
身高：65em；
}
#背景转盘{
位置：相对位置；
宽度：100%；
身高：100%；
顶部：-10px；
}
#背景转盘，转盘，
#背景转盘。转盘内部{
宽度：100%；
身高：100%；
}
#背景旋转木马项目{
宽度：100%；
身高：100%；
背景尺寸：封面；
身高：65em；
}
分区#背景转盘：之前{
背景色：rgba（0,0,0,8）；
背景大小：100%100%；
z指数：10；
位置：绝对位置；
排名：0；
左：0；
身高：65em；
宽度：100%；
显示：块；
}

…幻灯片在这里，由WP循环生成。。。

您忘了向psuedo元素添加内容

div#background-carousel:before {
content:'';
}

---

如果没有

content

属性（该属性是规范中生成的

content

模块的一部分），伪元素是无用的。因此，虽然需要伪元素选择器本身来定位元素，但如果不添加content属性，您将无法插入任何内容。使用的内容，这将是良好的工作

JSFIDLE上的示例及其代码：

。看见我知道我错过了一些愚蠢的事情！非常感谢。