Question

我的悬停效果有问题。当我将鼠标悬停在图像上时，一切正常，但光标必须在整个动画中完全显示在图像上。所以我需要将悬停区域从图像的开头延伸到动画图像的结尾。所以动画的每一部分都会被覆盖。

抱歉，我没有网络空间。因此，如果您信任我，可以从dropbox下载.rar文件。我保证我没有在那里种植任何病毒:)。只需启动Meist.html，它就是页面的“索引”。试着将鼠标悬停在页脚上方的咖啡杯上。

任何问题都会把它们扔掉，因为我的母语不是英语。

Answer 1

在图像周围添加填充

img {
    padding: 30px
}

这会将图像周围的区域扩展30px。请务必使用填充而不是边距，因为边距不会使创建的空间可以点击。

Answer 2

将图像放入div中，使用选择器如：

#your_div:hover img { 
    /* Do your stuff */
}