如何使：after选择器停留在背景上并正确放置后的背景图像？

Question

我想使用图片作为背景之前和之后的blockquote。 ：before没问题，但是使用：after选择器，图像停留在前景上。 文字消失...

我用css尝试了不同的解决方案，例如display inline-block;给段落index：99等等。

CSS：

blockquote p:after{
content:"";
 height:50px;
 width:50px;
 background:url("https://proef-domein.nl/chiropractic/wp-content/uploads/2019/06/quotes.png");
 margin-left:-30px;
 z-index:1;
 position:absolute}

位置正确，但是图像停留在文本上方，而不是文本下方。

Answer 1

试试这个，它可以在我的本地安装上工作：

z-index:-1;

Answer 2

问题出在

position:absolute;

您可以放置​​绝对文本吗？ 也许在绝对文本中使用另一个元素？

after总是在元素“旁边”，而absolute总是在元素之上。