由文本背后的div突出显示

Question

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

但是，如果元素具有background或background-color，则它不起作用，因为背景会阻挡其背后的div视图：

当然，我可以将div放在首位，但这看起来很糟糕，因为它为文本本身着色：

您可以使用jsfiddle here查看此问题。我的问题是：如何在文本背后隐藏<{1}} 背景背景

---

*为什么我没有使用像everyone else这样的div？因为使用span我可以动画突出显示的单词运动。那也是jsfiddle。

Answer 1

http://jsfiddle.net/V3Kae/9/ 你可以这样做。将容器的z-index设置为低于高亮显示，文本的z-index要高于高亮显示。