我有css hover这个奇怪的问题,在chrome和safari上(在opera和firefox上运行得很好)。
在这里您可以找到问题的演示 http://cgi.di.uoa.gr/~grad1054/bug/
当鼠标悬停在html区域标记上时,它会以某种方式错过继续将鼠标悬停在常规div上,因此不会应用悬停的css规则。
您有任何想法或解决方案吗?
THX
答案 0 :(得分:1)
map
和area
标签虽然尚未正式弃用,但不再广泛使用。这可能是Webkit呈现引擎中的一个错误。据我所知,Firefox的行为应该是正确的。解决方案应该相当简单 - 为此使用其他一些元素。
解决方案:http://jsfiddle.net/NZEXY/1/
在我的解决方案中,我使用列表项中的ul
列表和锚点来重新创建此效果,使用基本上的精灵技术使用相同的图像重新创建相同的内容,并且仍可访问(如果您使用的是地图您的area
被认为具有alt
属性用于此目的)。
如果您有任何疑问,请随时发表评论。