更改鼠标悬停时图像映射的背景

Question

在我的网站中，我有一个图像作为导航栏，并创建了热点将它们链接到不同的页面。问题是因为文本是图像的一部分，我无法改变悬停文本的样式。尽管我希望文本/热点在鼠标悬停时突出，所以我了解背景颜色可以在鼠标悬停时更改。那可能吗？有没有办法在CSS中使用该区域或地图。如果要使用Javascript，有人可以帮我解决这个问题。

Answer 1

你有使用单个图像作为导航栏的原因吗？

而不是一个单一的热点图像，我会为每个导航链接使用一个单独的图像。这样，您可以轻松地在悬停时更改图像（或使用CSS图像定位）。这说明如下：

http://css-tricks.com/video-screencasts/7-three-state-menu/

以及许多其他地方，我敢肯定。

Answer 2

我不认为这是一个好主意，既不使用图像映射也不使用单个图像。

取而代之的是，使用CSS sprites：单个图像文件，将其作为背景图像添加到菜单链接，但将背景图像置于不同的位置。有关更多信息，请参阅this Line 25 tutorial。