Chrome和safari上的CSS悬停问题

时间:2010-08-30 09:26:55

标签: html css google-chrome safari

我有css hover这个奇怪的问题,在chrome和safari上(在opera和firefox上运行得很好)。

在这里您可以找到问题的演示 http://cgi.di.uoa.gr/~grad1054/bug/

当鼠标悬停在html区域标记上时,它会以某种方式错过继续将鼠标悬停在常规div上,因此不会应用悬停的css规则。

您有任何想法或解决方案吗?

THX

1 个答案:

答案 0 :(得分:1)

maparea标签虽然尚未正式弃用,但不再广泛使用。这可能是Webkit呈现引擎中的一个错误。据我所知,Firefox的行为应该是正确的。解决方案应该相当简单 - 为此使用其他一些元素。


解决方案:http://jsfiddle.net/NZEXY/1/

在我的解决方案中,我使用列表项中的ul列表和锚点来重新创建此效果,使用基本上的精灵技术使用相同的图像重新创建相同的内容,并且仍可访问(如果您使用的是地图您的area被认为具有alt属性用于此目的)。

如果您有任何疑问,请随时发表评论。