我想div通过 z-index* 将 a 悬停在文本后面来突出显示文本。如果包含文本的元素没有背景,它可以正常工作:

但是,如果元素有backgroundor background-color,则它不起作用,因为背景会阻挡它后面的 div 的视图:

当然,我可以让 div 位于顶部,但这看起来很糟糕,因为它会为文本本身着色:

您可以在此处使用 jsfiddle 看到这个问题。我的问题是:我怎样才能div在文本后面但在背景之上?
* 为什么我span不像其他人那样使用?因为有了div我可以为突出显示从一个词到另一个词的移动设置动画。这也在 jsfiddle 中。