html - 在 :before pseudo element behind of element 中发送图像

Question

我的灵感来自 Multiple Backgrounds with single element并尝试这样做......但失败了。

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

Image(blue bird) 在 :before 元素中永远不会下降到 main(white bird) 元素。这是我尝试使用 :before 的方法。

• content:url() 或 background:url()
• z-index:-1 或比 main 的任意小的数
• :之前和:之后:(

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

Answer 1

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