【问题标题】：CSS hover problem on chrome and safarichrome和safari上的CSS悬停问题
【发布时间】：2011-04-05 16:19:34
【问题描述】：
我在 css hover、chrome 和 safari 上遇到了这个奇怪的问题（在 opera 和 firefox 上它工作得很好）。
在这里您可以找到问题的演示
http://cgi.di.uoa.gr/~grad1054/bug/
在 chrome 中，当鼠标悬停在 html 区域标签上时，它以某种方式错过了继续悬停在一般 div 上的内容，因此不应用悬停的 css 规则。
您有什么想法或解决方案吗？
谢谢
【问题讨论】：
标签：
html
css
google-chrome
safari
【解决方案1】：
map 和 area 标签虽然没有被官方弃用，但不再被广泛使用。这可能是 Webkit 渲染引擎中的一个错误。据我所知，Firefox 的行为应该是正确的。解决方案应该相当简单——为此使用一些其他元素。
解决方案：http://jsfiddle.net/NZEXY/1/
在我的解决方案中，我使用ul 列表和列表项内的锚点来重新创建此效果，使用本质上的精灵技术来重新创建具有相同图像的相同事物，并且仍然可以访问（如果您使用映射您的@ 987654325@s 应该有 alt 属性用于此目的）。
如果您有任何问题，请随时发表评论。