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

Question

我受到Multiple Backgrounds with single element 的启发并尝试这样做……但失败了。

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

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

• content:url() 或 background:url()
• z-index: -1 或比主索引更小的任意数字
• :之前和:之后:(

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

Answer 1

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