我在 chrome 和 safari 上遇到了 css hover 的奇怪问题(在 opera 和 firefox 上它工作得很好)。
在这里你可以找到问题的演示 http://cgi.di.uoa.gr/~grad1054/bug/
在 chrome 中，当鼠标悬停在 html 区域标签上时，它会以某种方式错过继续悬停在一般 div 上的情况，因此不应用悬停的 css 规则。
您有什么想法或解决方案吗？
谢谢
最佳答案
map 和 area 标签虽然没有正式弃用，但已不再广泛使用。这可能是 Webkit 渲染引擎中的错误。据我所知，Firefox 的行为应该是正确的。解决方案应该相当简单 - 为此使用一些其他元素。
解决方案:http://jsfiddle.net/NZEXY/1/
在我的解决方案中，我使用 ul 列表和列表项内的 anchor 来重新创建这种效果，基本上使用 sprite 技术使用相同的图像重新创建相同的东西，并且仍然可以访问(如果你在使用 map 时，您的 area 应该具有用于该目的的 alt 属性)。
如果您有任何问题，请随时发表评论。
关于html - Chrome 和 Safari 上的 CSS 悬停问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3599209/