在我的网站中,我有一个图像作为导航栏,并创建了热点以将它们链接到不同的页面。问题是因为文本是图像的一部分,我无法在悬停时更改文本的样式。虽然我希望文本/热点在鼠标悬停时突出显示,但我了解到背景颜色可以在鼠标悬停时更改。那可能吗?有没有办法在 CSS 中使用区域或 map 来做到这一点。如果要使用 Javascript,有人可以帮我解决吗。
最佳答案
您使用单张图片作为导航栏有什么原因吗?
我会为每个导航链接使用单独的图像,而不是带有热点的单个图像。这样您就可以在悬停时轻松更改图像(或使用 CSS 图像定位)。此处对此进行了描述:
http://css-tricks.com/video-screencasts/7-three-state-menu/
我敢肯定还有很多其他地方。
关于css - 在鼠标悬停时更改图像贴图的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1378106/