图像悬停效果不会对文本起作用

时间:2015-07-01 07:52:42

标签: html css hover

我有一个想要显示为链接的图像。当鼠标悬停在图像上时,我有悬停效果,但我还想将文本标签叠加到图像上。问题是,当鼠标悬停在文本上时,图像效果会停止工作。

我的代码如下。任何人都可以建议我如何解决这个问题?

val

2 个答案:

答案 0 :(得分:2)

您可以尝试禁用指针事件:

.label { pointer-events:none; }

答案 1 :(得分:0)

您的悬停只在您的图片上,请将悬停应用于div。

示例:

.grow:hover img {
    //styles
}