在 :before 伪元素后面发送图像
我受到 单个元素的多个背景的启发，并尝试这样做...但是失败了。
这是我在 jsfiddle 中的示例代码。
:before 元素中的图像（蓝鸟）永远不会下降到主（白鸟）元素。这是我尝试过的：之前。
- content:url() 或 background:url()
- z-index: -1 或任意小于 main 的
- :before 和 :after :(
我怎样才能将它发送回主元素？？？
I was inspired by Multiple Backgrounds with single element and try to do that...but failed.
This is my sample code in jsfiddle.
Image(blue bird) in the :before element never goes down to main(white bird) element. Here goes what I tried with :before.
- content:url() or background:url()
- z-index: -1 or arbitrary smaller number than main's
- :before and :after :(
How can I send it back to main element???
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在您的第一个链接中，架构显示 :before 和 :after 背景位于元素的背景上？
所以我认为一切都很好，你只需要把两个背景颠倒一下即可。
In your first link the schema shows :before and :after backgrounds are on the element's background??
So I think all's good, you just have to invert the two backgrounds.