3

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

在此处输入图像描述

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

在此处输入图像描述

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

在此处输入图像描述

您可以在此处使用 jsfiddle 看到这个问题。我的问题是:我怎样才能div在文本后面但在背景之上


* 为什么我span不像其他人那样使用?因为有了div我可以为突出显示从一个词到另一个词的移动设置动画。这也在 jsfiddle 中。

4

1 回答 1

3

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

于 2012-08-03T18:18:43.143 回答