通过div后面的文本突出显示

Question

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

然而，如果该元素有一个background或background-color，它不工作为背景块的看法DIV这背后：

我当然可以使DIV在最前面，但是这看起来可怕，因为它的颜色是文本本身：

您可以在jsfiddle here的行动中看到此问题。我的问题是：我怎么能有div去后面的文字但是以上的背景？

---

*我为什么不使用span像everyone else？因为使用div，我可以为每个单词之间的突出显示动画制作动画。这也是在jsfiddle。

Answer 1

http://jsfiddle.net/V3Kae/9/ 你可以这样做。将容器的Z索引设置为低于高亮，文本的Z索引高于高亮。