通過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索引高於高亮。