CSS / JS文本图像屏蔽

Question

哇，我真的可以用这个了。我有一些@ font-face文本需要悬停时的图像掩码。

关闭状态：

悬停状态

您可以看到悬停文本有火背景，但仅限于下一个而不是整个项目。我正在尝试避免单个图像翻转，以便此效果可以应用于菜单中显示的任何文本，但如果必须，我将使用固定图像。

如果没有对每一个链接进行photoshop，有没有办法实现这一目标？

Answer 1

都能跟得上！从photoshop文件中提取非活动和活动状态的图像，然后应用于css：hover！