css在chrome和safari中悬停问题

时间:2009-12-04 07:22:03

标签: html css webkit

这是有问题的网站

http://www.clubforeducation.com/

顶部菜单会在鼠标悬停时更改其颜色。所有浏览器除chrome和Safari外。这是一个Webkit错误。如果我能怎样解决这个问题?

4 个答案:

答案 0 :(得分:8)

我在<a>上找到设置显示:阻止。我不推荐li:hover,因为它在IE6中不起作用

答案 1 :(得分:4)

看起来像是一个webkit悬停行为。

检查出来:
CSS Hover + Element crashing in webkit (Chrome, Safari)

更改/选择器
.menu_center ul li a:hover

.menu_center ul li:hover a

或两者结合:

.menu_center ul li a:hover,
.menu_center ul li:hover a 
{ .... }

适合我。

答案 2 :(得分:2)

我发现添加href =“#”可以作为临时修复。看起来这是一个非常近期的发展。

答案 3 :(得分:0)

通常最好的解决方法是在Safari中具有转换的元素上添加-webkit-transform:translate3d(0,0,0)。我遇到了同样的问题并修复了它Hover bugs with :before On Safari