将多个背景图像与不同的选择器组合在一起

Question

在css 3中，您可以将多个背景应用于此类元素，例如：

background-image: linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));

有没有办法在另一个选择器中添加背景？

以下是我想做的一个例子：

p {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}

p.one {
    background-image: url("/somepicture.png");
}

p.two {
    background-image: url("/someotherpicture.png");
}

此处的目的是p - 标记为one的标记具有渐变，但也包含图像，two也包含渐变+不同的图像。

显然，上面的语法只是覆盖了地面图像，因此不起作用。

有没有办法在CSS3中执行此操作？

Answer 1

您可以尝试一种解决方法，并将p tag显示属性设置为阻止，并且它的位置相对。然后添加一个使用所需渐变样式的伪元素之前或之后。