背景图像与段落元素重叠

Question

我对背景图片和文字有一个奇怪的问题。我的结构如下

<div class="background-image">
    <p>Lorem ipsum dolor sit amet.</p>
</div>

呈现PDF时，有时.background-image上附加的背景图像与<p></p>标记内的文本重叠。例如，在一个PDF文档中，我可以具有多个具有以前结构的项目。其中一些人会提到问题。

这很好

这无法正常工作。我使蓝色箭头指向重叠区域。

它是随机发生的，我试图找出导致问题的原因，但没有成功。任何帮助将不胜感激。