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

Question

我想在前后使用图像作为背景进行块引用。 ：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始终位于元素上方。