html - 在 :before 伪元素后面的元素中发送图像

Question

我受到单一元素的多重背景的启发，并尝试这样做……但失败了。

这是我在jsfiddle中的示例代码。

:before 元素中的图像（蓝鸟）永远不会下降到主（白鸟）元素。这是我尝试过的：之前。

• 内容：url（）或背景：url（）
• z-index: -1 或比主索引更小的任意数字
• ：之前和之后 ：（

如何将其发送回主要元素？？？

Answer 1

在您的第一个链接中，架构显示 :before 和 :after 背景在元素的背景上？所以我认为一切都很好，你只需要反转两个背景。